Click here for free DL of the app version that can save data.

No:1852

3606

←

Prev Next

→

Guess who can eat these mushrooms!
Developer User3394｜Date and time 23/6/19 8:32:31
Build time 35.036 sec｜Game capacity 2.623KB｜

Script

キノコ食べられるか当てクイズ

下の写真が食べられるキノコかどうかを当ててください。

食べられる：食べられない：

このアプリは「キノコ食べられるか当てクイズ」です。プレイヤーは、表示されるキノコの写真が食べられるかどうかを判断して、はい/いいえボタンで回答します。正解するとスコアが1ポイント加算され、間違えるとスコアが1ポイント減算されます。表示されるキノコの写真は3種類からランダムに選ばれます。スマホでも操作可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

<html>
<head>
	<title>キノコ食べられるか当てクイズ</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
	body {
		font-family: Arial, sans-serif;
		text-align: center;
	}
	
	img {
		max-width: 300px;
	}
	
	button {
		padding: 10px 20px;
		background-color: #4CAF50;
		border: none;
		color: white;
		font-size: 16px;
		cursor: pointer;
		border-radius: 5px;
	}
	
	button:hover {
		background-color: #3e8e41;
	}
	
	#score {
		font-size: 24px;
		margin-top: 20px;
	}
	</style>
</head>

<body>
	<h1>キノコ食べられるか当てクイズ</h1>
	<p>下の写真が食べられるキノコかどうかを当ててください。</p>
	
	<img id="mushroom-img" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTGZ8NwuWJZ0yQ1He3-W2c-MKAl1fmU1TNC0Q&usqp=CAU">
	
	<p>食べられる：<button onclick="checkAnswer(true)">はい</button>     食べられない：<button onclick="checkAnswer(false)">いいえ</button></p>
	
	<div id="score"></div>
	
	<script>
	var score = 0;
	
	function checkAnswer(answer) {
		if (answer) {
			if (confirm("正解！このキノコは食用になります。")) {
				score++;
			}
		} else {
			if (confirm("不正解。このキノコは毒キノコです。食べると危険です。")) {
				score--;
			}
		}
		document.getElementById("score").innerHTML = "スコア: " + score;
		changeMushroomImage();
	}
	
	function changeMushroomImage() {
		var random = Math.floor(Math.random() * 3) + 1;
		document.getElementById("mushroom-img").src = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTGZ8NwuWJZ0yQ1He3-W2c-MKAl1fmU1TNC0Q&usqp=CAU";
		
		switch (random) {
			case 1:
				break;
			case 2:
				document.getElementById("mushroom-img").src = "https://1.bp.blogspot.com/-DJaI5KEvfRM/VjTT4W4fvdI/AAAAAAAAPHk/mxlhfThAUww/s800/kinoko_bunashimeji.png";
				break;
			case 3:
				document.getElementById("mushroom-img").src = "https://2.bp.blogspot.com/-b74L2SBkbGk/XSybx5cof6I/AAAAAAABXeQ/4KtRYIXWitopThxTxAfwDohiMCPvJkbRQCLcBGAs/s800/take_chouchin_anoki.png";
				break;
			default:
				break;
		}
	}
	
	changeMushroomImage();
	</script>
</body>
</html>