时间戳

首页 > 解决方案 > 用按钮添加数字

javascript - 用按钮添加数字

问题描述

我想做几个按钮。第一次按下其中一个按钮后，总和应显示按钮的值。然后，当您按下另一个按钮（或同一个按钮）时，两个按钮的值应该相加。

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>simple calculator</title>
</head>
<body>
<button onclick="sum()" type="button" name="button">1</button>
<button onclick="sum()" type="button" name="button">2</button>
<button onclick="sum()" type="button" name="button">3</button>
<button onclick="sum()" type="button" name="button">4</button>
<button onclick="sum()" type="button" name="button">5</button>
<p>The sum: <span id="sum">0</span></p>

<script type="text/javascript">
  function sum(){

  }
</script>
</body>
</html>

我不知道应该在脚本标签中写什么。

标签： javascript

解决方案

试试这个：

  function sum(){
document.getElementById("sum").innerText=document.getElementById("sum").innerText*1+event.target.innerText*1;
  }
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>simple calculator</title>
</head>
<body>
<button onclick="sum()" type="button" name="button">1</button>
<button onclick="sum()" type="button" name="button">2</button>
<button onclick="sum()" type="button" name="button">3</button>
<button onclick="sum()" type="button" name="button">4</button>
<button onclick="sum()" type="button" name="button">5</button>
<p>The sum: <span id="sum">0</span></p>

推荐阅读