За последние 24 часа нас посетили 21996 программистов и 1003 робота. Сейчас ищут 670 программистов ...

Простое умножение числа при вводе в input

Тема в разделе "Сделайте за меня", создана пользователем max74max, 6 дек 2020.

  1. max74max

    max74max Новичок

    С нами с:
    2 дек 2020
    Сообщения:
    26
    Симпатии:
    1
    Здравствуйте.
    Помогите, пожалуйста.

    У меня есть форма

    HTML:
    1.  
    2. <form  action="/" method="POST">
    3. <input type="text" name="summa_input" required placeholder="Введите сумму">
    4. </form>
    5.  
    6. Сумма к оплате: <div id="summa_x2"></div>
    7.  
    Как при помощи JavaScript вывести в блоке <div id="summa_x2"></div> сумму которая будет в 2 раза больше, чем вводимая в input.
    Например, пользователь вводит 20, а отображается 40
    Причем сумма должна меняться в тот момент когда она вводится, а не когда снимается фокус с input
    Можно ли такое реализовать?
     
  2. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.748
    Симпатии:
    1.321
    Адрес:
    Лень
    добавь атрибут в input с кодом
    Код (Javascript):
    1. onkeyup="document.getElementById('summa_x2').innerText = this.value*2"
    --- Добавлено ---+ type = number
    HTML:
    1. <form  action="/" method="POST">
    2. <input type="number" name="summa_input" required placeholder="Введите сумму"
    3. onchange="document.getElementById('summa_x2').innerText = this.value*2">
    4. </form>
    5. Сумма к оплате: <div id="summa_x2"></div>
     
  3. max74max

    max74max Новичок

    С нами с:
    2 дек 2020
    Сообщения:
    26
    Симпатии:
    1
    Спасибо, то что нужно.
    Только, можно ли сделать так, чтобы в input type="number" можно было бы вводить только целые числа?
     
  4. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.822
    Симпатии:
    736
    Адрес:
    Татарстан
    Можно
     
  5. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.748
    Симпатии:
    1.321
    Адрес:
    Лень
    Когда нибудь