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

No:2729

5789

←

Prev Next

→

all-you-can-eat pork cutlet
Developer User3589｜Date and time 23/6/22 13:34:28
Build time 18.917 sec｜Game capacity 1.476KB｜

Script

とんかつ食べ放題のアプリを作ってみました！

とんかつ食べ放題

あなたはとんかつ専門店に来ました！
目の前にはおいしそうなとんかつが積み重なっています。

0枚

このアプリでは、ボタンをクリックするととんかつを一枚食べたことになります。何枚食べたかは画面上部に表示されます。なるべくシンプルにして、スマホでも使いやすくしてみました。とんかつには文字だけでは伝わりにくいので、絵文字も使ってみました。もちろん、何枚食べても料金はかかりません！

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

とんかつ食べ放題のアプリを作ってみました！

<!DOCTYPE html>
<html>
<head>
	<title>とんかつ食べ放題</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			background-color: #FFE0B2;
			font-family: sans-serif;
			text-align: center;
		}
		h1 {
			font-size: 3em;
			color: #F57C00;
			margin-top: 50px;
		}
		p {
			font-size: 2em;
			color: #000;
			margin: 30px;
		}
		button {
			font-size: 2em;
			color: #fff;
			background-color: #F57C00;
			padding: 20px;
			border: none;
			border-radius: 10px;
			margin: 20px;
		}
	</style>
</head>
<body>
	<h1>とんかつ食べ放題</h1>
	<p>あなたはとんかつ専門店に来ました！<br>目の前にはおいしそうなとんかつが積み重なっています。</p>
	<button onclick="eat()">とんかつを食べる</button>
	<p id="count">0枚</p>
	<script>
		let count = 0;
		function eat() {
			count++;
			document.getElementById("count").innerHTML = count + "枚";
		}
	</script>
</body>
</html>