HTML变量相加是网页设计中常见的操作，可以让网页更加动态化。下面是一个HTML变量相加的代码示例：
<!DOCTYPE html>
<html>
<head>
<title>HTML变量相加示例</title>
</head>
<body>
<p>请输入两个数字</p>
<input type="text" id="num1"> <label for="num1">数字1</label><br>
<input type="text" id="num2"> <label for="num2">数字2</label><br>
<button onclick="add()">相加</button><br>
<p>结果为：<span id="result"></span></p>
<script>
function add(){
var num1=document.getElementById("num1").value;
var num2=document.getElementById("num2").value;
var result=parseInt(num1)+parseInt(num2);
document.getElementById("result").innerHTML=result;
}
</script>
</body>
</html>
以上代码首先定义了两个输入框，用于输入两个数字。然后定义了一个按钮，用于执行相加操作。最后定义了一个用于显示结果的标签。
在JavaScript中，通过document.getElementById()方法可以获取页面上指定id的元素。在add()函数中，先获取了输入框中的两个数字，然后使用parseInt()方法将其转换为整数，最后通过innerHTML属性将结果显示在页面中。
这是一个简单的HTML变量相加的示例代码。在实际应用中可以根据需要调整使用。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
