webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

WEB制作会社のフォトグラファー

for文 練習 2 入力された数字 までの和を表示する

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>入力された数までの和を求める。</title>
<script>
function summary()
{
var sum=0;
var i;
var num=prompt('好きな数字を入力してください。','半角数字');
num=parseInt(num);

for(i=1; i<=num; i++)
{
sum=i+sum
}
document.getElementById('ans').innerHTML='<h2>1から'+num+'までの合計は'+sum+'です。</h2>';
//この手前にあるセミコロンを忘れたら動かなかった。
}
</script>

</head>

<body>
<h1>ボタンを押すと、1からあなたの入力した数までの和を求めます。</h1>
<p><button onclick="summary()">ボタンを押してください</button></p>
<div id="ans"></div>
</body>
</html>