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

No:3000

178

←

Prev Next

→

Make a cafe game where you work at the cafe and yo..ALL
Developer User3653｜Date and time 23/6/23 11:14:21
Build time 23.332 sec｜Game capacity 2.234KB｜

Script

Welcome to the Cafe!

What can I get for you?

Your current balance: $0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<html>
<head>
	<title>Cafe Game</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #F7DC6F;
			font-family: Arial, sans-serif;
			font-size: 20px;
			text-align: center;
			margin: 0;
		}
		
		h1 {
			color: #2C3E50;
			margin-top: 50px;
			margin-bottom: 0px;
		}
		
		p {
			color: #2C3E50;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		
		.food-button {
			background-color: #3498DB;
			color: #FFFFFF;
			padding: 10px;
			border: none;
			border-radius: 5px;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 16px;
			cursor: pointer;
		}
		
		.order {
			background-color: #FFFFFF;
			border: 1px solid #2C3E50;
			padding: 10px;
			border-radius: 5px;
			margin-top: 50px;
			margin-bottom: 50px;
		}
	</style>
</head>
<body>
	<h1>Welcome to the Cafe!</h1>
	<p>What can I get for you?</p>
	<div class="order"></div>
	<button class="food-button" onclick="addFood('coffee')">Coffee</button>
	<button class="food-button" onclick="addFood('pancake')">Pancake</button>
	<button class="food-button" onclick="addFood('burger')">Burger</button>
	<button class="food-button" onclick="serve()">Serve</button>
	<p>Your current balance: $<span id="balance">0</span></p>
	<script>
		let order = [];
		let balance = 0;
		
		function addFood(food) {
			order.push(food);
			updateOrder();
		}
		
		function serve() {
			let correctOrder = ['coffee', 'pancake', 'burger'];
			let isCorrect = (order.length == correctOrder.length) && order.every(function(element, index) {
				return element === correctOrder[index]; 
			});
			if (isCorrect) {
				alert('Order complete! You earned $10.');
				balance += 10;
				document.getElementById('balance').innerHTML = balance;
			} else {
				alert('Wrong order! Try again.');
			}
			order = [];
			updateOrder();
		}
		
		function updateOrder() {
			let orderText = "";
			for (let i = 0; i < order.length; i++) {
				if (order[i] === 'coffee') {
					orderText += '☕️';
				} else if (order[i] === 'pancake') {
					orderText += '🥞';
				} else if (order[i] === 'burger') {
					orderText += '🍔';
				}
			}
			document.getElementsByClassName('order')[0].innerHTML = orderText;
		}
	</script>
</body>
</html>