form reset后change事件未触发实例页面

回到相关文章 »

效果：

单价：¥68

数量： 件

总价：68元

代码：

HTML代码：
<form>
  单价：¥68
  <p>数量：<input type="number" value="1"> 件</p>
  <p>总价：<output>68</output>元</p>
  <button type="reset">重置</button>
</form>
JS代码：
const input = document.querySelector('[type="number"]');
const output = document.querySelector('output');

input.onchange = function () {
  output.textContent = 68 * this.value;
};