可通过JavaScript实现HTML页面中数值的实时相加并显示：一、oninput事件监听输入框动态计算；二、onclick按钮触发计算；三、form submit事件捕获并阻止刷新；四、封装addNumbers函数支持多值相加；五、cleanNumber函数清洗带单位或逗号的字符串数值。
如果您在HTML页面中需要对两个或多个数值进行相加运算，并将结果实时显示在网页上，则可以通过JavaScript动态获取输入值、执行加法计算并更新DOM内容。以下是实现该功能的具体步骤：
一、使用内联事件监听器（oninput）实时相加
该方法通过监听输入框的oninput事件，在用户每次输入时立即读取数值、转换为数字类型并执行相加，避免失焦才触发的延迟。
1、在HTML中创建两个输入框和一个用于显示结果的元素，分别设置id为"num1"、"num2"和"result"。
2、在页面底部添加
立即学习“Java免费学习笔记（深入）”；
3、在事件处理函数中，使用parseFloat()读取输入框value值并转换为浮点数，对空值或NaN做0替代处理。
4、将两数相加，结果赋值给result元素的innerText属性。
二、使用按钮触发相加（onclick）
该方法适用于用户完成输入后主动点击按钮执行计算，逻辑清晰、可控性强，适合表单类场景。
1、在HTML中添加两个文本输入框（type="text"）、一个
