どうぶつスクールシミュレーターアップデート

ひさしが放置していたどうぶつスクールシミュレーターのアップデートをあなたが手伝うことになりました。ひさしが泣きながらお願いをしてきました。どうぞ、あなたの力を貸してください。

どうぶつを迎えに行きましょう。

このプログラムは、どうぶつを迎えて勉強したり遊んだりして、寝るように促します。どうぶつは5秒後に起きます。スマホでも遊びやすいように、ボタンとフォントサイズを調整しました。また、絵文字を多用して可愛らしさを表現しました。

←

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: #FDD;
			font-size: 1.2rem;
			text-align: center;
			padding: 1rem;
		}
		#animal {
			font-size: 6rem;
		}
		button {
			margin: 0.5rem;
			font-size: 1.5rem;
			border: none;
			border-radius: 1rem;
			background-color: #CDF;
			padding: 0.5rem 1rem;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>どうぶつスクールシミュレーター アップデート</h1>
	<p>ひさしが放置していたどうぶつスクールシミュレーターのアップデートをあなたが手伝うことになりました。ひさしが泣きながらお願いをしてきました。どうぞ、あなたの力を貸してください。</p>
	<p id="message">どうぶつを迎えに行きましょう。</p>
	<button id="dog" onclick="bring('🐶')">🐶 犬</button>
	<button id="cat" onclick="bring('🐱')">🐱 猫</button>
	<button id="rabbit" onclick="bring('🐰')">🐰 兎</button>
	<button id="hamster" onclick="bring('🐹')">🐹 ハムスター</button>
	<button id="bird" onclick="bring('🐦')">🐦 鳥</button>
	<button id="fish" onclick="bring('🐠')">🐠 魚</button>
	<p id="animal" role="img"></p>
	<button id="study" onclick="study()">📚 学ぶ</button>
	<button id="play" onclick="play()">🎮 遊ぶ</button>
	<button id="sleep" onclick="sleep()">💤 寝る</button>
	<script>
		let animal = '';
		let state = 'awake';
		let message = document.getElementById('message');
		let animalBox = document.getElementById('animal');

どうぶつスクールシミュレーター アップデート

どうぶつスクールシミュレーターアップデート