milsaware / wordled

A Wordle based game made in Javascript

A Wordle based game made in Javascript

Features

• A choice of either 3, 4 or 5 letter games
• 5 levels ranging from beginner to god mode
• 2 difficulty settings
• More than 20,000 words to play
• Score keeping function for each level/difficulty
• Streak keeping function for each level/difficulty
• Home screen menu
• Logo click to menu
• Instructions in game
• Ability to create a custom list of words for all word lengths
• Fade in / fade out modal
• Social media share buttons

The higher the level, the more words available and the higher the score you get for each word guessed. There's a score penalty for each time you guess wrong as well as if you give up on the word.

To create your own list, simply edit the custom variable in assets/js/words/x.js (where x equals the word length), then choose the custom level in the game.

No installation required

Wordled can be played in the browser, simply open the index.html file in any browser to play

Play online

Wordled can also be played online at wordled.online

Languages used

Javascript, CSS, HTML

Click to view screenshots

wordled's Issues

Wrong color keyboard keys

When a letter is in the wrong position, the game board correctly turns that letter gold.

However, the keyboard key turns green, not gold as it does in other implementations

Guess the word button

Hi

Thanks for making this and it's really cool

My kid started playing the game on my desktop and I would love to see a word guess button if one or two letters have been found

Thank you

Redundant colors in keyboard.className

When my simple change to use 3 keyboard colors didn't work, I sniffed around the code used to color keys.

While this works for two colors, it doesn't look like best practice to me, even though I don't know much abut Javascript.

keyboard.className += ' blockGreen';
keyboard.className = keyboardKey_s blockGreen blockGreen blockGreen blockGreen

Front-End map out and questions

Clicking 'Start Game' displays blank screen

Opening index.html with chrome displays the first screen fine. The options (help, word size, etc.) all seem to work as per the demo. But when I click 'Start Game', just goes to an screen with just two vertical lines.

I'm new to GitHub, so not sure if this is an appropriate forum for this type of question. Also, just trying to learn javascript - so I am probably missing something obvious. Thanks for your help.