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

No:2754

7077

A game where you generate a password and open a sa..ALL
Developer anonymous｜Date and time 70/1/1 9:54:01
Build time unknown sec｜Game capacity 3.241KB｜

金庫ゲーム

金庫を開けるためのパスワードを生成してください。

0回試行しました。

金庫のパスワードを入力してください。

（説明）このJavaScriptのコードでは、4桁の数字のパスワードをランダムで生成する「generatePassword」関数が定義されています。金庫を開けるための「openSafe」関数では、ユーザーが入力したパスワードがランダムで生成されたパスワードと一致するかどうかを判定し、違う場合は試行回数をカウントするようになっています。 HTMLのコードでは、ランダムで生成されたパスワードを表示するための「password」要素や、ユーザーが試行した回数を表示するための「try-count」要素が定義されています。また、金庫を開けるためのパスワードを入力するためのテキストボックスや、金庫を開けるためのボタンも設置されています。

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>金庫ゲーム</title>
	<style>
		body {
			background-color: #f3f3f3;
			color: #333;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			text-align: center;
			margin: 0;
			padding: 0;
		}
		h1 {
			margin-top: 70px;
			font-size: 50px;
		}
		#password {
			margin-top: 20px;
			font-size: 30px;
			background-color: #fff;
			padding: 10px;
			border-radius: 10px;
			box-shadow: 2px 2px 5px #d9d9d9;
			display: inline-block;
		}
		button {
			margin-top: 30px;
			background-color: #333;
			color: #fff;
			padding: 10px 20px;
			border: none;
			border-radius: 5px;
			font-size: 20px;
			cursor: pointer;
			box-shadow: 2px 2px 5px #d9d9d9;
		}
		#try-count {
			margin-top: 20px;
			font-size: 20px;
		}
		#message {
			margin-top: 20px;
			font-size: 25px;
			color: red;
			display: none;
		}
	</style>
</head>
<body>
	<h1>金庫ゲーム</h1>
	<p>金庫を開けるためのパスワードを生成してください。</p>
	<div id="password"></div>
	<button id="generate-button" onclick="generatePassword()">パスワード生成</button>
	<p id="try-count">0回試行しました。</p>
	<p id="message"></p>
	<script>
		var tryCount = 0;
		var password = "";

function generatePassword() {
			var length = 4;
			var characters = "0123456789";
			password = "";
			for (var i = 0; i < length; i++) {
				password += characters.charAt(Math.floor(Math.random() * characters.length));
			}
			document.getElementById("password").innerHTML = password;
		}

function openSafe() {
			var inputPassword = document.getElementById("input-password").value;
			if (inputPassword === password) {
				document.getElementById("message").innerHTML = "金庫が開けられました！";
				document.getElementById("message").style.display = "block";
			} else {
				document.getElementById("message").innerHTML = "パスワードが違います！";
				document.getElementById("message").style.display = "block";
				tryCount += 1;
				document.getElementById("try-count").innerHTML = tryCount + "回試行しました。";
			}
		}
	</script>
	<p>金庫のパスワードを入力してください。</p>
	<input type="text" id="input-password" maxlength="4" pattern="[0-9]*" style="font-size: 30px; padding: 10px;">
	<button onclick="openSafe()" style="margin-top: 20px;">金庫を開ける</button>
</body>
</html>

（説明）
このJavaScriptのコードでは、4桁の数字のパスワードをランダムで生成する「generatePassword」関数が定義されています。
金庫を開けるための「openSafe」関数では、ユーザーが入力したパスワードがランダムで生成されたパスワードと一致するかどうかを判定し、違う場合は試行回数をカウントするようになっています。
HTMLのコードでは、ランダムで生成されたパスワードを表示するための「password」要素や、ユーザーが試行した回数を表示するための「try-count」要素が定義されています。また、金庫を開けるためのパスワードを入力するためのテキストボックスや、金庫を開けるためのボタンも設置されています。