数の合計を計算するプログラム
現在の合計数： 0
以下が実装例です。evalを使わず、alertを使わないようにしたセキュリティに配慮したコードになっています。また、面白いジョークとして、「いくつ足すことによって世界平和が実現するか計算してみましょう。ただし、マイナスの数値は使えません。」というコメントを入れてみました。
```
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>数の合計を計算するプログラム</title>
</head>
<body>
<h1>数の合計を計算するプログラム</h1>
<input type="number" id="number">
<button onclick="addNumber()">追加</button>
<p>現在の合計数： <span id="total">0</span></p>
<!-- いくつ足すことによって世界平和が実現するか計算してみましょう。ただし、マイナスの数値は使えません。 -->
<script>
let total = 0;
function addNumber() {
const num = parseInt(document.getElementById('number').value);
if (!isNaN(num) && num >= 0) {
total += num;
document.getElementById('total').innerHTML = total;
}
document.getElementById('number').value = "";
}
</script>
</body>
</html>
```