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

No:1190

281

←

Prev Next

→

rock, paper, scissors game
Developer User3277｜Date and time 23/6/18 7:39:39
Build time 18.373 sec｜Game capacity 1.66KB｜

Script

じゃんけんゲーム

スマホで遊べるじゃんけんゲームです。以下のボタンから自分の手を選んでください。

←

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>
</head>
<body>
	<h1>じゃんけんゲーム</h1>
	<p>スマホで遊べるじゃんけんゲームです。以下のボタンから自分の手を選んでください。</p>
	<div>
		<button id="rock">👊</button>
		<button id="scissors">✌️</button>
		<button id="paper">🖐️</button>
	</div>
	<p id="result"></p>
	<script>
		const rock = document.querySelector('#rock');
		const scissors = document.querySelector('#scissors');
		const paper = document.querySelector('#paper');
		const result = document.querySelector('#result');
		
		rock.addEventListener('click', play);
		scissors.addEventListener('click', play);
		paper.addEventListener('click', play);
		
		function play(e) {
			const playerHand = e.target.id;
			const computerHand = computerPlay();
			const winner = decideWinner(playerHand, computerHand);
			result.textContent = `あなた：${playerHand}、コンピューター：${computerHand}、${winner}`;
		}
		
		function computerPlay() {
			const hands = ['rock', 'scissors', 'paper'];
			const index = Math.floor(Math.random() * hands.length);
			return hands[index];
		}
		
		function decideWinner(playerHand, computerHand) {
			if (playerHand === computerHand) {
				return '引き分け！';
			} else if ((playerHand === 'rock' && computerHand === 'scissors') || 
						(playerHand === 'scissors' && computerHand === 'paper') || 
						(playerHand === 'paper' && computerHand === 'rock')) {
				return 'あなたの勝ち！🎉';
			} else {
				return 'コンピューターの勝ち！😢';
			}
		}
	</script>
</body>
</html>