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

No:9587

167

Password game with 10 rules and the player needs t..ALL
Developer User4381｜Date and time 23/7/26 7:11:14
Build time 58.177 sec｜Game capacity 7.335KB｜

Sure! Here's a simple password game implemented as a single HTML file using JavaScript. The game consists of 10 rules, and the player needs to create a password that satisfies all the rules. The game will validate the password and provide feedback accordingly. It uses pictograms for a better visual experience on smartphones. Just copy the code below into an HTML file and open it in a web browser to play the game:

Password Game

Create a password that satisfies all the rules below using the provided pictograms.

Rule 1: Include at least one special character.

Rule 2: Include at least one number.

Rule 3: Include at least one uppercase letter.

Rule 4: Include at least one lowercase letter.

Rule 5: Length should be between 6 and 12 characters.

Rule 6: Should not contain any spaces.

Rule 7: Should not start with a number.

Rule 8: Should not end with a special character.

Rule 9: Should not contain any repeating characters.

Rule 10: Should have a combination of letters and numbers.

Please note that you need to provide pictograms for the rules. Save the pictograms as `emozi_himawari.png`, `emozi_cat.png`, ..., `emozi_rabbit.png` in a folder called `pictograms` and place that folder in the same directory as the HTML file. When you open the HTML file in a web browser, you'll see the game interface where you can enter your password. After clicking the "Check Password" button, the game will validate the password based on the provided rules and provide feedback accordingly. Feel free to modify or enhance the game as per your requirements. Enjoy playing!

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's a simple password game implemented as a single HTML file using JavaScript. The game consists of 10 rules, and the player needs to create a password that satisfies all the rules. The game will validate the password and provide feedback accordingly. It uses pictograms for a better visual experience on smartphones. Just copy the code below into an HTML file and open it in a web browser to play the game:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Password Game</title>
    <style>
      body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        font-family: Arial, sans-serif;
      }

.container {
        text-align: center;
      }

h1 {
        font-size: 24px;
      }

p {
        margin: 10px 0;
        font-size: 16px;
      }

input[type="text"] {
        padding: 10px;
        font-size: 18px;
        border: 2px solid #ccc;
        border-radius: 4px;
        margin-top: 10px;
      }
      
      button {
        padding: 10px 20px;
        font-size: 18px;
        margin-top: 10px;
        cursor: pointer;
      }
      
      .feedback {
        margin-top: 10px;
        font-weight: bold;
      }

.correct-feedback {
        color: green;
      }

.incorrect-feedback {
        color: red;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h1>Password Game</h1>
      <p>Create a password that satisfies all the rules below using the provided pictograms.</p>
      
      <p><img src="pictograms/pictogram1.png" alt=""> Rule 1: Include at least one special character.</p>
      <p><img src="pictograms/pictogram2.png" alt=""> Rule 2: Include at least one number.</p>
      <p><img src="pictograms/pictogram3.png" alt=""> Rule 3: Include at least one uppercase letter.</p>
      <p><img src="pictograms/pictogram4.png" alt=""> Rule 4: Include at least one lowercase letter.</p>
      <p><img src="pictograms/pictogram5.png" alt=""> Rule 5: Length should be between 6 and 12 characters.</p>
      <p><img src="pictograms/pictogram6.png" alt=""> Rule 6: Should not contain any spaces.</p>
      <p><img src="pictograms/pictogram7.png" alt=""> Rule 7: Should not start with a number.</p>
      <p><img src="pictograms/pictogram8.png" alt=""> Rule 8: Should not end with a special character.</p>
      <p><img src="pictograms/pictogram9.png" alt=""> Rule 9: Should not contain any repeating characters.</p>
      <p><img src="pictograms/pictogram10.png" alt=""> Rule 10: Should have a combination of letters and numbers.</p>

<input id="passwordInput" type="text" placeholder="Enter your password">
      <button onclick="validatePassword()">Check Password</button>
      <div id="feedback" class="feedback"></div>
    </div>

<script>
      function validatePassword() {
        const passwordInput = document.getElementById('passwordInput');
        const password = passwordInput.value;

// Rule 1: Include at least one special character.
        const specialCharRegex = /[!@#$%^&*()\-=_+[\]{};':"\\|,.<>/?]+/;
        const rule1 = specialCharRegex.test(password);

// Rule 2: Include at least one number.
        const numberRegex = /[0-9]+/;
        const rule2 = numberRegex.test(password);

// Rule 3: Include at least one uppercase letter.
        const uppercaseRegex = /[A-Z]+/;
        const rule3 = uppercaseRegex.test(password);

// Rule 4: Include at least one lowercase letter.
        const lowercaseRegex = /[a-z]+/;
        const rule4 = lowercaseRegex.test(password);

// Rule 5: Length should be between 6 and 12 characters.
        const rule5 = password.length >= 6 && password.length <= 12;

// Rule 6: Should not contain any spaces.
        const noSpacesRegex = /^\S*$/;
        const rule6 = noSpacesRegex.test(password);
        
        // Rule 7: Should not start with a number.
        const noStartingNumberRegex = /^[^0-9]/;
        const rule7 = noStartingNumberRegex.test(password);

// Rule 8: Should not end with a special character.
        const noEndingSpecialCharRegex = /[^!@#$%^&*()\-=_+[\]{};':"\\|,.<>/?]$/;
        const rule8 = noEndingSpecialCharRegex.test(password);

// Rule 9: Should not contain any repeating characters.
        const repeatingCharRegex = /([a-zA-Z0-9])\1/;
        const rule9 = !repeatingCharRegex.test(password);

// Rule 10: Should have a combination of letters and numbers.
        const lettersAndNumbersRegex = /(?=.*[0-9])(?=.*[a-zA-Z])/;
        const rule10 = lettersAndNumbersRegex.test(password);

let feedback = '';
        let allRulesPassed = true;

if (!rule1) {
          feedback += '<p class="incorrect-feedback">Rule 1 failed: Include at least one special character.</p>';
          allRulesPassed = false;
        }

if (!rule2) {
          feedback += '<p class="incorrect-feedback">Rule 2 failed: Include at least one number.</p>';
          allRulesPassed = false;
        }

if (!rule3) {
          feedback += '<p class="incorrect-feedback">Rule 3 failed: Include at least one uppercase letter.</p>';
          allRulesPassed = false;
        }

if (!rule4) {
          feedback += '<p class="incorrect-feedback">Rule 4 failed: Include at least one lowercase letter.</p>';
          allRulesPassed = false;
        }

if (!rule5) {
          feedback += '<p class="incorrect-feedback">Rule 5 failed: Length should be between 6 and 12 characters.</p>';
          allRulesPassed = false;
        }

if (!rule6) {
          feedback += '<p class="incorrect-feedback">Rule 6 failed: Should not contain any spaces.</p>';
          allRulesPassed = false;
        }
        
        if (!rule7) {
          feedback += '<p class="incorrect-feedback">Rule 7 failed: Should not start with a number.</p>';
          allRulesPassed = false;
        }

if (!rule8) {
          feedback += '<p class="incorrect-feedback">Rule 8 failed: Should not end with a special character.</p>';
          allRulesPassed = false;
        }

if (!rule9) {
          feedback += '<p class="incorrect-feedback">Rule 9 failed: Should not contain any repeating characters.</p>';
          allRulesPassed = false;
        }

if (!rule10) {
          feedback += '<p class="incorrect-feedback">Rule 10 failed: Should have a combination of letters and numbers.</p>';
          allRulesPassed = false;
        }

if (allRulesPassed) {
          feedback = '<p class="correct-feedback">Congratulations! Password validation successful.</p>';
        }

document.getElementById('feedback').innerHTML = feedback;
      }
    </script>
  </body>
</html>
```

Please note that you need to provide pictograms for the rules. Save the pictograms as `pictogram1.png`, `pictogram2.png`, ..., `pictogram10.png` in a folder called `pictograms` and place that folder in the same directory as the HTML file.

When you open the HTML file in a web browser, you'll see the game interface where you can enter your password. After clicking the "Check Password" button, the game will validate the password based on the provided rules and provide feedback accordingly.

Feel free to modify or enhance the game as per your requirements. Enjoy playing!