AI game creator

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

No:671

194

←

Prev Next

→

Kimera's egg
Developer jisho64｜Date and time 23/6/17 8:02:51
Build time 47.938 sec｜Game capacity 2.03KB｜

Script

😍

←

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: #F8E9A1;
			font-family: Arial, sans-serif;
			font-size: 16px;
		}
		
		.container {
			width: 90%;
			max-width: 600px;
			margin: 0 auto;
		}
		
		.header {
			text-align: center;
			margin-top: 30px;
			margin-bottom: 30px;
		}
		
		.button {
			background-color: #2D9BF0;
			color: #FFFFFF;
			display: block;
			margin: 0 auto;
			padding: 10px 20px;
			border-radius: 5px;
			text-align: center;
			cursor: pointer;
		}
		
		.chimera {
			margin-top: 50px;
			text-align: center;
			font-size: 24px;
		}
		
		.footer {
			text-align: center;
			margin-top: 50px;
			color: #999999;
			font-size: 14px;
		}
	</style>
	<script>
		function getRandomAnimal() {
			var animals = [
				"🦄ユニコーン",
				"🐲ドラゴン",
				"🐘ゾウ",
				"🐅トラ",
				"🦏サイ",
				"🐍ヘビ",
				"🐑ひつじ",
				"🐕いぬ",
				"🐒さる",
				"🐻くま"
			];
			var index = Math.floor(Math.random() * animals.length);
			return animals[index];
		}
		
		function generateChimera() {
			var animal1 = getRandomAnimal();
			var animal2 = getRandomAnimal();
			while (animal2 == animal1) {
				animal2 = getRandomAnimal();
			}
			var chimera = animal1 + "と" + animal2 + "をクロスさせたキメラが誕生しました！";
			return chimera;
		}
		
		function displayChimera() {
			var chimera = generateChimera();
			document.getElementById("chimera-text").textContent = chimera;
		}
	</script>
</head>
<body>
	<div class="container">
		<div class="header">
			<h1>キメラの卵</h1>
			<p>「孵化する」ボタンをタップしてください。</p>
		</div>
		<button class="button" onclick="displayChimera()">孵化する</button>
		<div class="chimera">
			<p id="chimera-text">😍</p>
		</div>
		<div class="footer">
			<p>©2021 キメラの卵</p>
		</div>
	</div>
</body>
</html>