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

No:1845

747

←

Prev Next

→

rock, paper, scissors game
Developer User3394｜Date and time 23/6/19 6:47:00
Build time 33.684 sec｜Game capacity 2.932KB｜

Script

猫ジャンケン

🐱 vs

【ゲームの概要】猫とじゃんけんをして勝ち負けを決めるゲームです。プレイヤーがグー・チョキ・パーの中から一つを選択し、ランダムに選ばれた相手の手と比較し、勝ち・負け・あいこを判定します。猫の絵文字アニメーションとスマホ操作に最適化したUIを使用しています。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>猫ジャンケン</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #fafafa;
			font-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			color: #ff9999;
			margin-top: 50px;
		}
		div.container {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: 50px;
		}
		span.emoji {
			font-size: 60px;
		}
		button {
			background-color: #ff9999;
			color: #fff;
			border: none;
			border-radius: 5px;
			padding: 10px 20px;
			margin-top: 20px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>猫ジャンケン</h1>
	<div class="container">
		<span class="emoji" id="cat">🐱</span>
		<span class="emoji" id="vs">vs</span>
		<span class="emoji" id="opponent"></span>	
		<button id="rock">グー</button>
		<button id="scissors">チョキ</button>
		<button id="paper">パー</button>
	</div>

document.getElementById('rock').addEventListener('click', () => {
			player = 'グー';
			playJanken();
		});

document.getElementById('scissors').addEventListener('click', () => {
			player = 'チョキ';
			playJanken();
		});

document.getElementById('paper').addEventListener('click', () => {
			player = 'パー';
			playJanken();
		});

catAnimation();
	</script>
</body>
</html>

【ゲームの概要】
猫とじゃんけんをして勝ち負けを決めるゲームです。プレイヤーがグー・チョキ・パーの中から一つを選択し、ランダムに選ばれた相手の手と比較し、勝ち・負け・あいこを判定します。猫の絵文字アニメーションとスマホ操作に最適化したUIを使用しています。