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

No:2021

988

←

Prev Next

→

A game to make a lot of ice cream
Developer もちきなこ｜Date and time 23/6/19 20:28:49
Build time 62.39 sec｜Game capacity 4.577KB｜

Script

アイスクリーム作りゲーム

画面をタップしてアイスクリームを作りましょう！

【ゲームの概要】画面をタップして、材料を追加していきます。材料を全て追加するとアイスクリームができあがります！材料を追加する順番によっては失敗するので注意してください。また、チョコレートソースは最後に追加してください。

←

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{
			background-color: #f4f4f4;
		}
		.container{
			max-width: 500px;
			margin: 0 auto;
			text-align: center;
		}
		.btn{
			background-color: #bdc3c7;
			color: #fff;
			padding: 8px 16px;
			border: none;
			border-radius: 5px;
			cursor: pointer;
			margin: 5px;
			font-size: 16px;
		}
		#scoop{
			max-width: 200px;
		}
		#result{
			margin-top: 20px;
			font-size: 24px;
			font-weight: bold;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>アイスクリーム作りゲーム</h1>
		<p>画面をタップしてアイスクリームを作りましょう！</p>
		<img id="scoop" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/soft-ice-cream_1f366.png">
		<p>
			<button class="btn" id="btn-milk">牛乳</button>
			<button class="btn" id="btn-cream">生クリーム</button>
			<button class="btn" id="btn-sugar">砂糖</button>
			<button class="btn" id="btn-vanilla">バニラエッセンス</button>
			<button class="btn" id="btn-choco">チョコレートソース</button>
			<button class="btn" id="btn-finish">完成！</button>
		</p>
		<p id="result"></p>
	</div>
	<script>
		let milk = false;
		let cream = false;
		let sugar = false;
		let vanilla = false;
		let choco = false;

let scoop = document.getElementById("scoop");
		let result = document.getElementById("result");

function makeScoop(){
			if(milk && cream && sugar && vanilla){
				result.textContent = "アイスクリームが完成しました！";
				scoop.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/soft-ice-cream_1f366.png";
				milk = false;
				cream = false;
				sugar = false;
				vanilla = false;
				choco = false;
			}
		}

makeScoop();
		});

document.getElementById("btn-milk").addEventListener("click", function(){
			milk = true;
			result.textContent = "牛乳を追加しました！";
			makeScoop();
		});

document.getElementById("btn-finish").addEventListener("click", function(){
			makeScoop();
		});
	</script>
</body>
</html>

【ゲームの概要】
画面をタップして、材料を追加していきます。材料を全て追加するとアイスクリームができあがります！材料を追加する順番によっては失敗するので注意してください。また、チョコレートソースは最後に追加してください。