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

No:2041

2209

←

Prev Next

→

Games to motivate students to study
Developer User3025｜Date and time 23/6/19 21:44:04
Build time 16.591 sec｜Game capacity 2.005KB｜

Script

勉強のやる気ゲーム

やる気を出すために、何をしなければならないでしょうか？

以下の選択肢から正しいものを選んでください。

スコア: 0

この勉強のやる気ゲームは、スマホでも簡単に操作できます。問題を解いて正解するたびに、スコアが加算されます。不正解の場合はスコアが減ります。問題数が制限に達した場合はゲームオーバーです。ゲームの目的は、正しい選択肢を選んで、スコアを高めることで、勉強のやる気を高めることです。絵文字を多用することで、ゲームをより楽しいものにしました。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>勉強のやる気ゲーム</title>
	<style>
		body {
			font-size: 2em;
			text-align: center;
		}
		h1 {
			font-size: 3em;
			margin-top: 0;
			padding-top: 0;
		}
		button {
			font-size: 1em;
			padding: 5px 10px;
			border: none;
			border-radius: 10px;
			background-color: #ffa500;
			color: white;
			cursor: pointer;
		}
		button:hover {
			background-color: #ff8c00;
		}
		#score {
			font-size: 2em;
			margin-bottom: 30px;
		}
	</style>
</head>
<body>
	<h1>勉強のやる気ゲーム</h1>
	<p>やる気を出すために、何をしなければならないでしょうか？</p>
	<p>以下の選択肢から正しいものを選んでください。</p>
	<div>
		<button onclick="wrongAnswer()">ネットフリックスを見る</button>
		<button onclick="wrongAnswer()">SNSでつぶやく</button>
		<button onclick="correctAnswer()">机に向かって勉強する</button>
	</div>
	<p id="score">スコア: 0</p>
	<script>
		let score = 0;

function correctAnswer() {
			score++;
			document.getElementById("score").innerHTML = "スコア: " + score;
			alert("正解！新しい問題に挑戦しましょう！");
			// 新しい問題を出す
			// 問題数が制限に達した場合はゲームオーバー
		}

function wrongAnswer() {
			score--;
			document.getElementById("score").innerHTML = "スコア: " + score;
			alert("不正解！もう一度考えてみましょう。");
		}
	</script>
</body>
</html>