システムを作ったきっかけ
JavaScriptの練習がてら作った、簡単なゲームの一つです。
自分の1作品としてこの場をお借りし、投稿したいと思います。
システム概要
画面に表示される小さな小窓に数値を入力すると、計算結果を出力します。
【図1】初期状態
【図2】10を入力した結果
また、小窓に1未満の数字や文字列を入力した場合は「1以上の数値を入力してください。」と出力されます。
コード
HTML
<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>1からNまで足し算</title>
<script type="text/javascript" src="script/sum.js"></script>
</head>
<body>
<h2 id="text">1～Nの合計を計算します！</h2>
<input id="max" value="数字を入力してください"/>
<button onclick="calcSum()">ポチッ！</button>
</body>
</html>
JavaScript
function calcSum() {
var max = document.getElementById("max").value;
var total = 0;
if(isNaN(max) === true || max < 1){
document.getElementById("text").textContent = "1以上の数値を入力してください。";
}
else{
var i = 1;
while(i <= max){
total += i;
i++;
}
document.getElementById("text").textContent = "1から" + max + "までの合計は" + total + "です！";
}
}
あとがき
改善の余地があれば、ご指摘いただけたら幸いです。
また、他にもいろいろなシステムを作っているので、随時投稿させていただこうと思います。