みそきん売り切れでブチギレるゲーム

お店に入ったら、みそきんが売り切れていました。あなたはブチギレて何をやりますか？

※このアプリでは、みそきんを売っているお店に入ったら、売り切れだったことからブチギレるシチュエーションを想定し、それぞれのボタンをクリックした時の反応を表現しています。ボタンをクリックすると画面が一定時間変化したり、アラートメッセージが表示されるようにしました。また、背景には絵文字を使い、より雰囲気を出しています。スマホでも操作可能なように、ボタンを大きく配置しています。

←

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: 24px;
			text-align: center;
			background-color: #f3e5f5;
		}
		button {
			font-size: 24px;
			padding: 10px 20px;
			border-radius: 5px;
			background-color: #ba68c8;
			border: none;
			color: white;
			margin: 20px;
			cursor: pointer;
		}
		img {
			width: 200px;
			height: 200px;
			margin-top: 50px;
		}
	</style>
</head>
<body>
	<h1>みそきん売り切れでブチギレるゲーム</h1>
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/pouting-face_1f621.png" alt="ブチギレ顔アイコン">
	<p>お店に入ったら、みそきんが売り切れていました。あなたはブチギレて何をやりますか？</p>
	<button onclick="throwThings()">物を投げる</button>
	<button onclick="scream()">叫ぶ</button>
	<button onclick="leave()">店を出る</button>

function scream() {
			document.body.style.backgroundImage = "url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-screaming-in-fear_1f631.png)";
			alert("「あああああああああああああああああああ！」");
			setTimeout(function() {
				document.body.style.backgroundImage = "";
				alert("周りの人々が怖がって去っていきました…。");
			}, 3000);
		}

function leave() {
			document.body.style.backgroundImage = "url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/running-shoe_1f45f.png)";
			alert("「もうここには来ない！」");
			setTimeout(function() {
				document.body.style.backgroundImage = "";
				alert("次はみそきんがあるお店に行こう…。");
			}, 3000);
		}
	</script>
</body>
</html>