AI game creator

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

No:649

191

←

Prev Next

→

Time Lost Games
Developer User3062｜Date and time 23/6/17 0:21:29
Build time 39.75 sec｜Game capacity 3.297KB｜

Script

時間を忘れるゲーム

残り時間: 30秒

スコア: 0点

問題:

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
	<title>時間を忘れるゲーム</title>
	<style>
		body {
			background-color: #ddd;
			font-size: 2em;
		}

button {
			padding: 1em;
			font-size: 0.5em;
			background-color: #41b883;
			color: #fff;
			border: none;
			border-radius: 5px;
			cursor: pointer;
		}

#title {
			font-size: 3em;
			margin-bottom: 1em;
		}

#game {
			background-color: #fff;
			padding: 1em;
			border-radius: 5px;
		}

#timer {
			font-size: 1.5em;
			margin-bottom: 0.5em;
		}

#score {
			font-size: 1.5em;
			margin-bottom: 0.5em;
		}

#emoji {
			font-size: 2em;
			margin-right: 0.5em;
		}

#result {
			font-size: 2em;
			margin-bottom: 0.5em;
		}
	</style>
</head>
<body>
	<div id="title">時間を忘れるゲーム</div>
	<div id="game">
		<div id="timer">残り時間: <span id="time">30</span>秒</div>
		<div id="score">スコア: <span id="points">0</span>点</div>
		<div id="question">問題: <span id="emoji"></span></div>
		<div id="choices">
			<button id="choice1"></button>
			<button id="choice2"></button>
			<button id="choice3"></button>
			<button id="choice4"></button>
		</div>
		<div id="result"></div>
	</div>

function startGame() {
			score = 0;
			timeLeft = 30;
			updateScore();
			updateTime();
			nextQuestion();
			timer = setInterval(updateTime, 1000);
		}

function updateScore() {
			document.getElementById("points").innerHTML = score;
		}

function updateTime() {
			timeLeft--;
			document.getElementById("time").innerHTML = timeLeft;
			if (timeLeft <= 0) {
				clearInterval(timer);
				endGame();
			}
		}

function endGame() {
			document.getElementById("choices").style.display = "none";
			showResult("時間切れ！", "#e55353");
		}

function showResult(text, color) {
			document.getElementById("result").innerHTML = text;
			document.getElementById("result").style.color = color;
			setTimeout(function() {
				document.getElementById("result").innerHTML = "";
			}, 1500);
		}

function shuffle(array) {
			for (var i = array.length - 1; i > 0; i--) {
		    	var j = Math.floor(Math.random() * (i + 1));
		    	var temp = array[i];
		    	array[i] = array[j];
		    	array[j] = temp;
			}
			return array;
		}

startGame();
	</script>
</body>
</html>