无需点击按钮的Javascript触发器

我这里有些问题。。 我有一个不带按钮的输入，应该由3多路传输

这是我的密码

    <input type="number" placeholder="Input a number" id="number"
     onclick="multiply()">

    <div id="result"></div>

这是我的剧本

    <script>
       function multiply(){
          var num = document.getElementById('number').value;
          var res = document.getElementById('result').innerHTML;

          res = num * 3;

       }
    </script>

函数乘法（）{
var num=document.getElementById（'number'）。值；
var res=document.getElementById（'result'）.innerHTML；
res=num*3；
}

所以在这里，我希望用户可以输入数字，并得到结果立即没有按钮

谢谢

---

（初学者程序员）

删除内联

onclick

处理程序，并订阅

输入

事件

var res = document.getElementById('result');

document.getElementById('number').addEventListener('input', function() {
    res.textContent = this.value * 3;
}, false);

var res=document.getElementById（'result'）；
document.getElementById（'number'）.addEventListener（'input'，function（）{
res.innerHTML=this.value*3；
}，假）

使用函数

当元素的值发生更改时，将发生onchange事件

对于单选按钮和复选框，当选中状态已更改时，会发生onchange事件

—；W3学校

比如说

document.querySelector("#number").addEventListener("change", function () {
      var num = document.querySelector("#number").value;
      document.querySelector('#result').innerHTML;

      document.querySelector('#result').innerHTML = num * 3;
});

我不明白。你没有说你是如何试图触发它的。你是说你想让输入在每次发生变化时计算出一个答案吗？
res=num*3-更新var
res
-它不更新
文档。getElementById（'result'）。innerHTML
是的，我希望每次输入更改时，结果都会自动计算
innerHTML
？>：（未解析的字符串作为数字？！>：（这与乘法无关，虽然如果它不是一个数字，它当然是
NaN
@SterlingArcher-它会，但由于OP是乘法的，我假设它是一个数字（输入类型为
number
）还有，
innerHTML
有什么问题吗？在不处理HTML时使用
innerHTML
是不好的做法。
textContent
应该在这里使用。我有点固执。