本文介绍了一个使用HTML和jQuery实现的简易加法计算器。通过两个文本框输入数字，点击等号按钮，即可在第三个文本框中显示计算结果。此计算器利用jQuery简化了DOM操作，实现了快速响应的用户界面。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-3.3.1.js"></script>
<script>
//1.加法计算器
$(
function(){
$("#button").click(
function(){
$("form input:last").val(($("form input:eq(0)").val()-0)+($("form input:eq(1)").val()-0));
}
)
}
)
</script>
</head>
<body>
<p>1.加法计算器</p>
<form>
<input type="text"> + <input type="text">
<input type="button" value="=" id="button">
<input type="text" >
</form>
<hr>
</body>
</html>
扫一扫
1721
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
