JavaScript練習



【1】アラート


--- 実行コード ---

<script>
function doclick() {
	alert('クリックしました!');
}
</script>

<button onclick="doclick()">
クリックするとアラート発生</button>

【2】アラート応用計算

--- 実行コード ---

<script>

//乱数の作成と変数に代入
var min = 1;
var max = 50;
var min2 = 1;
var max2 = 50;

var item1 = Math.floor(Math.random() * (max + 1 - min)) + min;
var item2 = Math.floor(Math.random() * (max2 + 1 - min2)) + min2;
var kotae = item1 + item2;

//答え分岐
function answer1(){
 answer = window.prompt(item1 + " + " + item2 + " = ?", "");
 if(answer == kotae){
 alert('正解! 次の問題へ...');
 window.location.replace
 ("./index.php");
 }
 else if(answer != "" 
 && answer != null){
 alert('残念。間違いです。');
 }else {
 alert('キャンセルされました');
  }
}

//問題の表示
document.write
(item1 + " + " + item2 + " = ");

</script>

//回答ボタンの表示
<input type="button" value="答えを入力" onClick="answer1()">

【2-1】アラート応用計算

- 間違い時の選択肢追加 -


【3】切替ボタン


【4】ローカルストレージ

- 状態保持 -