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

No:1916

←

Prev Next

→

Shouting game
Developer User3445｜Date and time 23/6/19 14:44:32
Build time 22.596 sec｜Game capacity 1.88KB｜

Script

Shouting Game

The shouting game is a simple game where the player is prompted to shout a random word that is displayed on the screen. The player wins if they shout the correct word. The game is designed to be played on a smartphone and has plenty of emojis to add to the fun.

←

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>Shouting Game</title>
	<style>
		body {
			font-family: Arial, sans-serif;
			background-color: #f3f5f6;
		}
		h1 {
			text-align: center;
			font-size: 3rem;
		}
		.buttons-container {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		button {
			padding: 1rem 2rem;
			margin: 1rem;
			border: none;
			border-radius: 5px;
			background-color: #cf7500;
			color: #fff;
			font-size: 2rem;
			cursor: pointer;
		}
		button:hover {
			background-color: #ff9e00;
		}
		.result-container {
			text-align: center;
			font-size: 2rem;
			margin-top: 3rem;
		}
	</style>
	<script>
		const words = [
			"Hello",
			"Goodbye",
			"Love",
			"Hate",
			"Happiness",
			"Sadness",
			"Anger",
			"Fear",
			"Laughter",
			"Tears"
		];

const randomWord = () => {
			return words[Math.floor(Math.random() * words.length)];
		};

const checkAnswer = (playerAnswer, shoutWord) => {
			return playerAnswer.toLowerCase() === shoutWord.toLowerCase();
		};

const playGame = () => {
			const shoutWord = randomWord();

const playerAnswer = prompt(`Shout ${shoutWord}!`);

if (playerAnswer === null) {
				return;
			}

if (checkAnswer(playerAnswer, shoutWord)) {
				alert(`Congratulations! You shouted ${shoutWord}!`);
			} else {
				alert(`You shouted ${playerAnswer}, but it was not ${shoutWord}. Try again!`);
				playGame();
			}
		};
	</script>
</head>
<body>
	<h1>Shouting Game</h1>

<div class="buttons-container">
		<button onclick="playGame()">Start</button>
	</div>