The words can be multiple and should be selected using the Math.random function.
There should also be a function called "renderLetters" which shows the letter options and if it was pressed a different background should be shown and the button disabled. If the letter is included in the word the background is green and if not it becomes red and the lives decrease. If the hearts go to 0 the game resets with a different word.
https://www.figma.com/file/0YXvQvtgo2Xq2BXoOEds3K/Hangman?type=design&node-id=0%3A1&t=u3jNbTSd4bAwc8g5-1
Implement the above design for web only. The objects that you're gonna need are the following:
[ { "letter": "a", "pressed": false }, { "letter": "b", "pressed": false }, { "letter": "c", "pressed": false }, { "letter": "d", "pressed": false }, { "letter": "e", "pressed": false }, { "letter": "f", "pressed": false }, { "letter": "g", "pressed": false }, { "letter": "h", "pressed": false }, { "letter": "i", "pressed": false }, { "letter": "j", "pressed": false }, { "letter": "k", "pressed": false }, { "letter": "l", "pressed": false }, { "letter": "m", "pressed": false }, { "letter": "n", "pressed": false }, { "letter": "o", "pressed": false }, { "letter": "p", "pressed": false }, { "letter": "q", "pressed": false }, { "letter": "r", "pressed": false }, { "letter": "s", "pressed": false }, { "letter": "t", "pressed": false }, { "letter": "u", "pressed": false }, { "letter": "w", "pressed": false }, { "letter": "x", "pressed": false }, { "letter": "y", "pressed": false }, { "letter": "z", "pressed": false } ]["word1", "word2", "word3"]The words can be multiple and should be selected using the Math.random function. There should also be a function called "renderLetters" which shows the letter options and if it was pressed a different background should be shown and the button disabled. If the letter is included in the word the background is green and if not it becomes red and the lives decrease. If the hearts go to 0 the game resets with a different word.