足し算アプリ
数値を入力して「計算」ボタンを押してください。
結果: –
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>足し算アプリ(変なプログラム)</title>
</head>
<body>
<h1>足し算アプリ</h1>
<p>数値を入力して「計算」ボタンを押してください。</p>
<input type="number" id="num1" placeholder="数値1">
<input type="number" id="num2" placeholder="数値2">
<input type="number" id="num3" placeholder="数値3">
<input type="number" id="num4" placeholder="数値4">
<input type="number" id="num5" placeholder="数値5">
<button onclick="calculate()">計算</button>
<h2>結果: <span id="result">-</span></h2>
<script>
function calculate() {
const num1 = parseFloat(document.getElementById('num1').value) || 0;
const num2 = parseFloat(document.getElementById('num2').value) || 0;
const num3 = parseFloat(document.getElementById('num3').value) || 0;
const num4 = parseFloat(document.getElementById('num4').value) || 0;
const num5 = parseFloat(document.getElementById('num5').value) || 0;
// 手動で足し算
const sum = num1 + num2 + num3 + num4 + num5;
document.getElementById('result').textContent = sum;
}
</script>
</body>
</html>