Как сделать калькулятор в JS?

Question

Как сделать калькулятор на сайте, который бы умножал количество и стоимость и выдавал сумму в JS, т.е. без перезагрузки в самом сайте.

Answer 1

на коленках буквально, не вкладывая никакого смысла и не извращаясь

let a = document.getElementById("a");
let b = document.getElementById("b");
let c = document.getElementById("c");

let calulate = function() { 
 c.value = (+a.value)*(+b.value);
}

a.addEventListener("change", calulate);
b.addEventListener("change", calulate);

<div>
 <input id="a" type="input"></input>
 *
 <input id="b" type="input"></input>
 =
 <input id="c" type="input"></input>
</div>

Прочим просьба не холиварить, ответ написан как примитивная помощь.

Answer 2

let form = document.querySelector('#form')
let sum = document.querySelector('#sum')

form.addEventListener('submit', evt => {
  evt.preventDefault()
  sum.textContent = +form.quantity.value * +form.price.value
})

<form id="form">
  <label for="quantity">quantity</label>
  <input type="text" id="quantity" name="quantity" />
  <label for="price">price</label>
  <input type="text" id="price" name="price" />
  <button>count</button>
</form>

<p id="sum"></p>

БЛОГ НА HUSL

Как сделать калькулятор в JS?

Ответы (2 шт):