Raise your catgirl to your liking!'s game

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

No:2004

1900

←

Prev Next

→

Raise your catgirl to your liking!
Developer AI絵師｜Date and time 23/6/19 18:16:22
Build time 26.52 sec｜Game capacity 1.708KB｜

Script

名前:

性格:

年齢: 0

猫娘の名前、性格、年齢を設定できます。年齢を1歳ずつ上げるボタンがあり、押すと年齢が増えます。年齢が上がるとアラートが表示されます。

←

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 {
			margin: 0;
			padding: 0;
			background-color: #F5DEB3;
			font-family: sans-serif;
		}

.container {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100vh;
		}

.catgirl {
			height: 300px;
		}

.btn {
			font-size: 24px;
			padding: 12px 24px;
			background-color: #DB7093;
			color: #FFF;
			border: none;
			border-radius: 5px;
			cursor: pointer;
		}

.btn:hover {
			background-color: #F08080;
		}
	</style>
</head>
<body>
	<div class="container">
		<img src="https://placekitten.com/350/300" alt="猫娘" class="catgirl">
		<p>名前: <input type="text" id="name" value="にゃんこ"></p>
		<p>性格: <select id="personality">
			<option value="ecchi">エッチ</option>
			<option value="tsundere">ツンデレ</option>
			<option value="yandere">ヤンデレ</option>
			<option value="moe">萌え</option>
			<option value="tsukkomi">突っ込み</option>
		</select></p>
		<p>年齢: <span id="age">0</span></p>
		<button class="btn" onclick="play()">遊ぶ</button>
	</div>
	<script>
		let age = 0;

function play() {
			age++;
			document.getElementById("age").textContent = age;

const name = document.getElementById("name").value;
			const personality = document.getElementById("personality").value;

alert(`${name}ちゃん(${personality})が1歳になりました！`);
		}
	</script>
</body>
</html>

猫娘の名前、性格、年齢を設定できます。
年齢を1歳ずつ上げるボタンがあり、押すと年齢が増えます。
年齢が上がるとアラートが表示されます。