DOM做加法计算器

最新推荐文章于 2024-06-14 18:24:04 发布

原创最新推荐文章于 2024-06-14 18:24:04 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#xhtml #button #html

js / jq / vue 专栏收录该内容

85 篇文章

订阅专栏

本文提供了一个简单的HTML加法计算器示例，通过JavaScript实现两个数值输入框的加法运算，并显示结果。此示例适合初学者理解基本的网页交互逻辑。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>加法计算其</title>
<script type="text/javascript">
function calcClick(){
  var value1 = document.getElementById('txt1').value;
  var value2 = document.getElementById('txt2').value;
  value1 = parseInt(value1,10);
  value2 = parseInt(value2,10);
  document.getElementById("txtResult").value=value1 + value2;
}

</script>
</head>
<body>
<input type="text" id="txt1" />+<input type="text" id="txt2" />
<input type="button" onclick="calcClick()" value="="/><input type="text" id="txtResult" readonly="readonly"/>

</body>
</html>