AI that paints pictures's game

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

No:3816

984

←

Prev Next

→

AI that paints pictures
Developer User3740｜Date and time 23/6/26 17:50:59
Build time 17.458 sec｜Game capacity 1.716KB｜

Script

によるジャンケンゲームを作成しました。画面下部にあるボタンをタップして、自分が出す手を選びます。AIが出す手と勝ち負けが表示されます。もう一度遊ぶ場合は、リセットボタンをタップしてください。以下が実際のプログラムです。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>ジャンケンゲーム</title>
	<style>
		#game {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100vh;
			background-color: lightblue;
		}
		#result {
			margin-top: 20px;
			font-size: 24px;
			font-weight: bold;
		}
		button {
			font-size: 40px;
			padding: 20px;
			margin: 10px;
			background-color: white;
			border: none;
			border-radius: 15px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<div id="game">
		<button onclick="play('rock')">✊</button>
		<button onclick="play('paper')">🤚</button>
		<button onclick="play('scissors')">✌️</button>
		<div id="result"></div>
		<button onclick="reset()">リセット</button>
	</div>

if (player === ai) {
				result = "あいこ";
			} else if ((player === 'rock' && ai === 'scissors') || 
						(player === 'paper' && ai === 'rock') || 
						(player === 'scissors' && ai === 'paper')) {
				result = "勝ち";
			} else {
				result = "負け";
			}

document.getElementById('result').textContent = `あなた:${player} AI:${ai} ${result}`;
		}

function reset() {
			document.getElementById('result').textContent = "";
		}
	</script>
</body>
</html>
```