Javascript-форум - Динамическое изменение цифр в накладной

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Динамическое изменение цифр в накладной (https://javascript.ru/forum/dom-window/65594-dinamicheskoe-izmenenie-cifr-v-nakladnojj.html)

Динамическое изменение цифр в накладной

Pladzuma,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

  <script>
     window.addEventListener('DOMContentLoaded', function() {
       var form = document.querySelector('form');
       form.addEventListener('input', function() {
        var price = +form.price.value || 0;
        var amount = +form.amount.value || 0;
        form.sum.value = price * amount
       });
         });
  </script>
</head>

<body>
<form>
  <div>
    <span>Цена товара</span>
    <input name="price" type="text"></input>
  </div>
  <div>
    <span>Количество</span>
    <input name="amount" type="text"></input>
  </div>
  <div>
    <span>Сумма транзакции</span>
    <input name="sum" type="text"></input>
  </div>
</form>


</body>
</html>

Pladzuma,
<form>
<input name="dostavka" type="checkbox" value="800">

var dostavka= form.dostavka.checked? +form.dostavka.value : 0;

form.addEventListener('input', ...
form.addEventListener('change', тоже самое