Skip to content

AsmahanM/Wordle-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Wordle

The aim of this project is to...

...recreate specific features of the popular game, Wordle.

The user stories I focused on were:

  1. Allowing the user to enter letters into each tile;
  2. Allowing the user to press backspace to delete the previous letter; and
  3. Updating the colour of the tiles accordingly depending on the letter in each tile and its relevant position in the row.

I have chosen to work on these specific elements because they're the an integral part of the game and the changing tiles are personally one of my favourite features.


This project was completed using Semantic HTML, CSS and JavaScript.

I opted to build the actual letter board using a JavaScript for loop as opposed to with tags as this allows me to manipulate the size of the board a lot quicker should I choose to alter its dimensions. It also meant my code was a lot more condensed as writing the board in HTML would have required many more lines of code.


Project Snapshot:

Screen Shot 2022-02-10 at 22 57 41


Instructions:

You can access my project via the link in the about section (the column on the right). Once the page has loaded, enter any letter using your keyboard and guess the word! Press backspace to delete a letter and enter to submit your attempt once you've entered 5 letters.