output标签需配合javascript手动更新计算结果,for属性必须严格匹配input的id而非name,且须在dom就绪后操作,数值转换需防nan。

output 标签是唯一专为此设计的语义化元素,但它不会自动算数——必须配合 JavaScript 手动更新,否则只是一段静态文本。
为什么 output 写了 for 却没反应?
最常卡住的地方不是 JS 写错,而是 HTML 关联失效:
-
for属性值必须严格匹配input的id(不是name),大小写、连字符、空格一个都不能错;例如for="price-1"对应的是<input id="price-1">,不是name="price-1" -
output必须在 DOM 就绪后才能被 JS 访问,放在
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











