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

No:26679

←

Prev Next

→

Wordle!
Developer Tiran｜Date and time 23/12/2 3:07:50
Build time 73.218 sec｜Game capacity 4.43KB｜

Script

Welcome To...

Wordle!

You have 6 tries to guess a 5 letter word, each time you click done, there will be boxes under what you typed, showing you how close you are. |Red - Letter Isn't In This Word |Orange - Letter Is Included, But Needs To Be Moved. |Green - The Letter Is In The Right Place!| Feel free to give me a like and favourite.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Welcome To...

```html
<!DOCTYPE html>
<html>
<head>
  <title>Wordle!</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }

.game-container {
      text-align: center;
      padding: 20px;
    }

.input-container {
      margin-top: 20px;
    }

.button {
      display: inline-block;
      background-color: #4CAF50;
      color: white;
      padding: 10px 20px;
      text-align: center;
      text-decoration: none;
      font-size: 16px;
      margin: 10px 2px;
      cursor: pointer;
    }

.letter {
      display: inline-block;
      width: 30px;
      height: 30px;
      margin: 5px;
      text-align: center;
      line-height: 30px;
      border: 1px solid #ccc;
      border-radius: 5px;
      font-size: 20px;
      font-weight: bold;
    }

.green {
      background-color: #8BC34A;
    }

.orange {
      background-color: #FF9800;
    }

.red {
      background-color: #F44336;
    }

.feedback {
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div class="game-container">
    <h1>Wordle!</h1>

function generateTargetWord() {
        var words = ["apple", "cable", "crazy", "dance", "drums", "funny", "snake", "rocky", "silly", "ready", "clock", "light", "wordl", "gamer", "thank", "loved" ];
        var randomIndex = Math.floor(Math.random() * words.length);
        return words[randomIndex];
      }

function initGame() {
        targetWord = generateTargetWord();
        triesLeft = 6;
        lettersGuessed = [];
        document.getElementById('guess-input').value = '';
        document.getElementById('new-game-container').style.display = 'none';
        updateFeedback('');
      }

function checkGuess() {
        var guess = document.getElementById('guess-input').value.toLowerCase();

if (guess.length !== 5 || !guess.match(/^[a-z]+$/)) {
          updateFeedback('Please enter a valid 5-letter word!');
          return;
        }

if (guess === targetWord) {
          updateFeedback('Congratulations, you won! The word is: ' + targetWord, 'green');
          document.getElementById('new-game-container').style.display = 'block';
        } else {
          triesLeft--;

var correctLetters = 0;
          var feedbackHtml = '';

for (var i = 0; i < guess.length; i++) {
            var letter = guess[i];

if (targetWord.includes(letter)) {
              if (letter === targetWord[i]) {
                feedbackHtml += '<span class="letter green">' + letter + '</span>';
                correctLetters++;
              } else {
                feedbackHtml += '<span class="letter orange">' + letter + '</span>';
              }
            } else {
              feedbackHtml += '<span class="letter red">' + letter + '</span>';
            }
          }

updateFeedback(feedbackHtml);

if (triesLeft === 0) {
            updateFeedback('You lost! The correct word is: ' + targetWord, 'red');
            document.getElementById('new-game-container').style.display = 'block';
          }
        }
      }

function updateFeedback(html, backgroundColor) {
        var feedbackContainer = document.getElementById('feedback');
        feedbackContainer.innerHTML = html;
        feedbackContainer.style.backgroundColor = backgroundColor || '';
      }

function startNewGame() {
        initGame();
      }

initGame();
    </script>
  </div>
</body>
</html>
```
You have 6 tries to guess a 5 letter word, each time you click done, there will be boxes under what you typed, showing you how close you are.
 
|Red - Letter Isn't In This Word

|Orange - Letter Is Included, But Needs To Be Moved.

|Green - The Letter Is In The Right Place!|

Feel free to give me a like and favourite.