0

Для подсчёта стоимости делаю калькулятор. Есть несколько input type=number из которых берутся значения которые вводит посетитель сайта. Так как значения могут менятся то и переменные в калькуляторе должны постоянно меняться

//Пример
let area = document.getElementById(area);

В примере значение из input забирается лишь один раз при загрузке страницы. А как сделать динамическое перезаписывание переменной?

5
  • Обрабатывать события. В google пишем js input events 14 ноя 2022 в 10:27
  • У меня один вопрос: сколько книжек по js вы прочитали на текущий момент? 14 ноя 2022 в 10:32
  • area.addEventListener('change', (e) => yourVariable = e.target.value)
    – SwaD
    14 ноя 2022 в 10:37
  • learn.javascript.ru/events-change - тут все события. Смотрите в сторону Событие input 14 ноя 2022 в 10:47
  • А тут пример использования события изменения
    – SwaD
    14 ноя 2022 в 10:55

2 ответа 2

1

var x = 0;
var y = 0;
<input type='number' value='7' onchange='x=this.value; console.log(this.value + " x=" + x);'>
<hr>
<input type='number' value='7' oninput='y=this.value;console.log(this.value + " y=" + y);'>

выбирай какой вкуснее =)

1

const inputs = document.querySelectorAll('input');
const div = document.querySelector('div');

const sum = () => {
  let s = 0;
  inputs.forEach(i => s += +i.value);
  div.textContent = isNaN(s) ? 'Неверное значение' : `Сумма всех полей: ${s}`;
}
sum();

addEventListener('input', sum);
<input type='number' value='2'>
<input type='number' value='3'>
<input type='number' value='4'>
<input type='number' value='5'>
<div></div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.