[html, javascript, jsp]html에서 숫자 계산을 하려면 어떻게??

1. html에서 숫자 계산을 하려면 어떻게??

        -  html에서는 표현만하고 java 단에서 미리 계산 된 변수를 표현

  

     - 또 이처럼 get변수명() 함수로 매핑 시키는 경우는 private가 아니라 public 으로 선언해야 된다.

     - javascript 로 계산하는 방법

1.           
   <c:set var="eachAmount" value="${taxItems.itemUntpcSm}"/>

          jsp 로 변수를 선언

2. <input type="hidden" class="eachAmount" value="${eachAmount}"/>

          input 값으로 해당 값을 javascript 에서 사용 할 수 있도록 선언

3. <span id="totalPrice">0</span>

         해당 값을 id로 선언 

4. 스크립트는 아래를 참조

• <script>
•  
  var totalPrice = 0;

• $(function() {
  
  
      // 공급가액, 부가세, 합계 자동 계산 
      $(".priceAmount").each(function(index, element) {
          var eachPriceAmount = Number($(element).val());
          totalPrice += eachPriceAmount;
  
  
      });
      $(".taxAmount").each(function(index, element) {
          var eachTaxAmount = Number($(element).val());
          totalTax += eachTaxAmount;
      });
  
  
      totalAmount = totalPrice + totalTax;
  
  
      $("#totalPrice").text(comma(totalPrice));
      $("#totalTax").text(comma(totalTax));
      $("#totalAmount").text(comma(totalAmount));
  
  
      if (originalAmount != 0) {
          totalPrice = Math.round(originalAmount);
          totalTax = Math.round(originalAmount * 0.1);
          totalAmount = totalPrice + totalTax;
  
  
          $("#totalPrice").text(comma(totalPrice));
          $("#totalTax").text(comma(totalTax));
          $("#totalAmount").text(comma(totalAmount));
      }

참조

     <c:set var="priceAmount" value="${quantity * detail.promotion.promotionAmt}"/>