本文介绍了一个使用HTML和JavaScript编写的简单示例，通过`document.getElementById`获取输入框的值，实现加减运算，并实时更新显示结果。
<!DOCTYPE html>
<html>
<head>
<title>加减输入框</title>
</head>
<body>
<h1>加减输入框</h1>
<p>当前值: <span id="result">0</span></p>
<input type="button" value="-" onclick="subtract()">
<input type="text" id="number" value="1">
<input type="button" value="+" onclick="add()">
<script>
var resultSpan = document.getElementById("number");
var numberInput = document.getElementById("number");
function add() {
// alert("s")
var inputValue = parseFloat(numberInput.value);
resultSpan.value = inputValue+1;
}
function subtract() {
var currentValue = parseFloat(resultSpan.textContent);
var inputValue = parseFloat(numberInput.value);
resultSpan.value = inputValue-1;
}
</script>
</body>
</html>
以上的案例，反正要用两个document.getElementById获取同一个id。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
