Показать выходные данные вычислений JavaScript в форме HTML ⇐ Html

[Anonymous]

Я создал JavaScript, который рассчитывает общую сумму на основе двух входных переменных (цена, количество). Скрипт должен брать входные значения из HTML-формы и показывать результат в поле «Итого» в той же форме. Расчеты должны обновляться при событии onchange. Как выполнить эту задачу: передать значения полей ввода формы (цена и количество) в Javascript при событии onChange и динамически обновлять значение поля «Итого» в режиме реального времени?





Price:



Quantity:



Total:







let B1 = 0.0379;
let B2 = 1;
let B3 = B2 * 10.702 * 1.02;
let B4 = B3 * B1;
let B5 = B3 * 0.00321;
let B6 = Math.round((B4 + B5) * 100) / 100;
let B7 = B3 * 0.0121219;
let B8 = 4.62;
let B9 = B7 + B8;
let B10 = B3 * 0.0038;
let B11 = B6 + B9 + B10;
let B12 = Math.floor((B11 * 1.21) * Math.pow(10, 2)) / Math.pow(10, 2);
document.getElementById("total").innerHTML = B12;
document.getElementById("price").innerHTML = B1;
document.getElementById("quantity").innerHTML = B2;

element.addEventListener("change", myFunction);

function myFunction() {
document.getElementById("total").innerHTML = B12;
}






Подробнее здесь: https://stackoverflow.com/questions/798 ... -html-form