Bishojo Gacha Simulator's game

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

No:1602

2714

←

Prev Next

→

Bishojo Gacha Simulator
Developer AI絵師｜Date and time 23/6/18 19:22:20
Build time 48.643 sec｜Game capacity 3.574KB｜

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: #f2f2f2;
			font-family: Arial, sans-serif;
		}
		
		.header {
			background-color: #c32d4e;
			padding: 10px;
			color: white;
			text-align: center;
			font-size: 32px;
		}

.container {
			margin: auto;
			padding: 20px;
			max-width: 500px;
			text-align: center;
		}

button {
			background-color: #c32d4e;
			color: white;
			padding: 10px 20px;
			border: none;
			border-radius: 5px;
			font-size: 16px;
			cursor: pointer;
			margin: 10px;
		}

button:hover {
			background-color: #970e31;
		}

.result {
			background-color: white;
			padding: 10px;
			border-radius: 5px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
			margin-top: 20px;
		}

.result img {
			max-width: 100%;
			height: auto;
			margin-bottom: 10px;
		}
	</style>
</head>
<body>
	<div class="header">美少女ガチャシミュレーター</div>
	<div class="container">
		<button onclick="startGacha()">ガチャを回す！</button>
		<div class="result" id="result"></div>
	</div>

function startGacha() {
			const resultDiv = document.getElementById("result");
			resultDiv.innerHTML = "";

const randomIndex = Math.floor(Math.random() * characters.length);
			const selectedCharacter = characters[randomIndex];

const img = document.createElement("img");
			img.src = selectedCharacter.image;
			resultDiv.appendChild(img);

const p = document.createElement("p");
			p.innerHTML = selectedCharacter.name;
			resultDiv.appendChild(p);
		}
	</script>
</body>
</html>