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

No:607

163

←

Prev Next

→

high and low
Developer User3044｜Date and time 23/6/16 12:19:35
Build time 34.49 sec｜Game capacity 2.919KB｜

Script

ハイ＆ロー

スマホでゲームを始めるには「START」をクリックしてください！

このアプリは「ハイ＆ロー」というゲームです。プレイヤーは、ランダムに生成された数字が次に生成される数字より大きいか小さいかを当てるゲームです。スマホで操作することを前提としており、画面にも絵文字を使用しています。STARTボタンをクリックするとゲームが始まり、数字が表示されます。2つ目以降の数字は、HIGHERボタンまたはLOWERボタンをクリックすることで表示されます。正解した場合には「正解！」、不正解の場合には「残念...」と表示されます。5回連続で正解するとクリアとなり、スコアがリセットされます。ミスすると「ゲームオーバー！」とアラートが表示され、スコアがリセットされ、数字が再びランダムに生成されます。

←

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>High and Low Game</title>
	<style type="text/css">
		body {
			font-family: Arial, sans-serif;
			font-size: 16px;
			background-color: #eee;
			text-align: center;
		}

button {
			margin-top: 20px;
			padding: 10px 20px;
			background-color: #3498db;
			color: #fff;
			border: none;
			border-radius: 3px;
			font-size: 18px;
			cursor: pointer;
		}

#number {
			font-size: 40px;
			margin-top: 50px;
		}

#result {
			margin-top: 20px;
			font-size: 24px;
		}
	</style>
</head>
<body>
	<h1>ハイ＆ロー</h1>
	<p>スマホでゲームを始めるには「START」をクリックしてください！</p>
	<button onclick="start()">START</button>
	<p id="number"></p>
	<p id="result"></p>
	<script type="text/javascript">
		var randomNumber = 0;
		var score = 0;

function start() {
			randomNumber = Math.floor(Math.random() * 100) + 1;
			document.getElementById("number").innerHTML = "現在の数字： " + randomNumber; 
			document.getElementById("result").innerHTML = "";
		}

function gameOver() {
			alert("ゲームオーバー！あなたのスコアは " + score + "点です！");
			score = 0;
			start();
		}
	</script>
</body>
</html>