/** * */ document.addEventListener('DOMContentLoaded', () => { //オブジェクトの定義 var num1 = document.form1.num1; var sum1 = document.form1.sum1; var num2 = document.form1.num2; var sum2 = document.form1.sum2; var num3 = document.form1.num3; var sum3 = document.form1.sum3; var hontai = document.form1.hontai; var tax = document.form1.tax; var otodoke = document.form1.otodoke; var haisou = document.form1.haisou; var total = document.form1.total; num1.addEventListener("change", keisan); num2.addEventListener("change", keisan); num3.addEventListener("change", keisan); otodoke.addEventListener("change", keisan); function keisan(){ let nSum1 = 0; //商品1 2800 let nSum2 = 0; //商品2 1800 let nSum3 = 0; //商品3 980 let nHontai = 0; let nTax = 0; let nHaisou = 0; let nTotal = 0; //商品単価 nSum1 = 2800 * num1.selectedIndex; nSum2 = 1800 * num2.selectedIndex; nSum3 = 980 * num3.selectedIndex; //本体価格 nHontai = nSum1 + nSum2 + nSum3; //税額 nTax = Math.trunc(nHontai * 0.05); //配送料金 nHaisou = parseInt(otodoke.value); //総合計 nTotal = nHontai + nTax + nHaisou //表示設定 sum1.value = nSum1; sum2.value = nSum2; sum3.value = nSum3; hontai.value = nHontai; tax.value = nTax; haisou.value = nHaisou; total.value = nTotal; } });