JavaScript練習サイトのコード①20200209

サイト自体のコードを記録します。

サイト

<html>
<head>
<title>JavaScript練習</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
<script>
function doclick() {
	alert('クリックしました!');
}

//乱数の作成と変数に代入
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('キャンセルされました');
	}
}

</script>
<body>
<h1>JavaScript練習</h1>
<hr><hr>
<h2>【1】アラート</h2>
<button onclick="doclick()">クリックするとアラート発生</button><br>
<p>--- 実行コード ---</p>
<pre>
<script>
function doclick() {
	alert('クリックしました!');
}
</script>

<button onclick="doclick()">
クリックするとアラート発生</button>
</pre>
<hr>
<h2>【2】アラート応用計算</h2>
<script>
      document.write(item1 + " + " + item2 + " = ");
 </script>

<p><input type="button" value="答えを入力" onClick="answer1()"></p>

<p>--- 実行コード ---</p>
<pre>
<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()">
</pre>
<hr><hr><br>
</body>
</html>

コードが一部、変換されるので、

スクショ貼っておきます!笑

JavaScript練習サイトのコード①20200209
トップへ戻る