执行innerHTML数字输入的计算

Question

此刻，我显示在文本框中键入的字符数。

我希望使用其他显示选项并显示估计的持续时间。这意味着输入的字符数量需要除以15才能得出估计的时间（大约1个语音字符需要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（）来对数字进行四舍五入。 / p>

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>