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

No:1855

4415

←

Prev Next

→

Murder mystery
Developer User3422｜Date and time 23/6/19 8:54:18
Build time 34.594 sec｜Game capacity 3.365KB｜

Script

Murder Mystery

A murder has been committed at a party and you are the detective trying to solve the case. Use your deductions to figure out who the killer is!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Murder Mystery</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			font-size: 1.5rem;
			font-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			margin-top: 2rem;
		}
		button {
			padding: 1rem 2rem;
			font-size: 1.2rem;
			border-radius: 10px;
			margin-top: 2rem;
			background-color: #ff8400;
			color: #fff;
		}
		.hidden {
			display: none;
		}
	</style>
</head>
<body>
	<h1>Murder Mystery</h1>
	<p>A murder has been committed at a party and you are the detective trying to solve the case. Use your deductions to figure out who the killer is!</p>
	<button id="startBtn">Start Game</button>

<div id="gameContainer" class="hidden">
		<p>It was a fancy dress party and there were 5 guests in attendance: 🕵️‍♀️, 🎭, 🤵, 👰, 🧑‍🍳</p>
		<p>One of them is the killer. Here are the clues:</p>
		<ul>
			<li>The killer was not wearing a costume.</li>
			<li>The person wearing the 🎭 costume was not the killer.</li>
			<li>The killer had a drink with poison in it.</li>
			<li>The person wearing the 👰 costume did not have a drink.</li>
		</ul>

<p>Use the following buttons to make your guess:</p>
		<button id="detectiveBtn">🕵️‍♀️</button>
		<button id="actorBtn">🎭</button>
		<button id="gentlemanBtn">🤵</button>
		<button id="brideBtn">👰</button>
		<button id="chefBtn">🧑‍🍳</button>

document.getElementById("startBtn").addEventListener("click", function() {
		document.getElementById("gameContainer").classList.remove("hidden");
	});

</body>
</html>