javascript - 执行innerHTML数字输入的计算

Question

目前，我显示在文本框中输入的字符数。

我希望使用替代显示选项并显示估计的持续时间。这意味着输入的字符量需要除以 15 才能给出估计时间(大约 15 个字符对应 1 秒的语音)

如何向下面的函数添加数学计算？

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>