Выполнить расчет ввода номера innerHTML

Question

В данный момент я отображаю количество символов, набираемых в текстовом поле.

Я хочу использовать альтернативный вариант отображения и показывать приблизительную продолжительность.Это означает, что введенное количество символов необходимо разделить на 15, чтобы получить приблизительное время (примерно на одну секунду речи приходится примерно 15 символов)

Как добавить математическое вычисление к функции ниже?

var inputElement = document.getElementById('inputTXT');
inputElement.addEventListener('keyup', function(e) {
    boxInput = e.target.value;
    document.getElementById('number').innerHTML = boxInput.length;
});

Answer 1

Вы можете добавить дополнительный элемент и использовать этот элемент для вычисления результата деления количества символов из входных данных с помощью метода length, а затем деления на 15. Примечание. Я использую Math.round () для округления чисел.

var inputElement = document.getElementById('inputTXT');

    inputElement.addEventListener('keyup', function(e) {
        boxInput = e.target.value;
        document.getElementById('number').innerHTML = boxInput.length;
        document.getElementById('duration').innerHTML = Math.round(boxInput.length/15);

});

 <form>
      <input type="text" id="inputTXT" name="firstname">
      <div>
      <label>characters: <label id="number">0</label></label>
      </div>
      <div>
      <label>duration: <label id="duration">0</label></label>
      </div>
 </form>