javascriptで商品Aと商品Bと商品Cの単価を入力しラジオボタンで手数料優遇ありとなしの2者選択とし

JavaScript18閲覧xmlns="http://www.w3.org/2000/svg">500

ベストアンサー

1

1人がナイス!しています

ThanksImg質問者からのお礼コメント

「なるほど」と思いました。 ありがとうございました。

お礼日時:6/13 0:45

その他の回答(1件)

1

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> 商品A:<input type="number" id="price_A">円<br> 商品B:<input type="number" id="price_B">円<br> 商品C:<input type="number" id="price_C">円<br> <form id="charge"> 手数料優遇:<br> <label><input type="radio" name="yugu" value="yes">あり</label> <label><input type="radio" name="yugu" value="no">なし</label> </form> 手数料込みトータル<div id="total"></div> <script> const formid = document.querySelector('#charge'); const price_A = document.querySelector('#price_A'); const price_B = document.querySelector('#price_B'); const price_C = document.querySelector('#price_C'); var charge_A, charge_B, charge_C; formid.addEventListener('change', selectYugu); function selectYugu() { const value = formid.yugu.value; switch (value) { case "yes": charge_A = price_A.value * 1.003; charge_B = price_B.value * 1.001; charge_C = price_C.value * 1.015; break; case "no": charge_A = price_A.value * 1.015; charge_B = price_B.value * 1.005; charge_C = price_C.value * 1.015; break; } sum_price = charge_A + charge_B + charge_C; total.innerHTML = sum_price.toFixed(1) + "円"; } </script> </body> </html>

1人がナイス!しています