0

Есть число в input value. В инпуте число можно увеличивать с помощью стрелочек, мне нужно данное число получить и умножать на 20. Допустим input value = 20, после умножаем на 20 и выводим в #price. Самая основная задача чтобы при нажатии на плюс(то есть +1) число умножалось сразу и выдавало результат (220 = 40, 320 = 60, с каждым разом как я нажимаю оно сразу на глазах увеличивается и также если минут (320 =60, 220 - 40). Подскажите с реализацией. Свои к сожалению без успешные попытки оставляю ниже. Буду благодарен за помощь!

document.getElementById('[name=num]').addEventListener('input', function() {
        var output = document.getElementById('total-price');
        output.innerHTML = (this.value * 30);
      });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form method="get">
<input type="number" name="num" id="num-value" value="1">
<span id="price"></span>
</form>

2 ответа 2

0

const numValueNode = document.getElementById('num-value');
const output = document.getElementById('price');

numValueNode.addEventListener('input', calc);

function calc() {
  output.innerHTML = numValueNode.value * 30;
}

calc();
<form method="get">
  <input type="number" name="num" id="num-value" value="1">
  <span id="price"></span>
</form>

0
document.querySelector('[name=num]').addEventListener(...

или

document.getElementById('num-value').addEventListener(...

document.getElementById('num-value').addEventListener('input', function() {
  var output = document.getElementById('price');
  output.innerHTML = this.value * 30;
});
<form method="get">
  <input type="number" name="num" id="num-value" value="1">
  <span id="price"></span>
</form>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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