Prompt
Code in html, css, and javascript a bingo game that is self-contained, complete and embeddable. Use all the words in the reference file but randomize them for endless, non-repetitive game play.
Generate a 5x5 grid of meanings. Add a Start Game button to begin the game. The computer speaks a Latin or Greek root in a clear and easily understandable voice. The player clicks the corresponding meaning. Get five in a row to trigger a "Confetti" JS effect and win. Create a timer and allow 15 seconds to choose. Add a New Game button to trigger a new game. Use a pleasing navy blue, white, and black theme. Add options for different types of Bingo games: Five in a Row. Frame Bingo (match all the squares around the perimeter of the gameboard array, Bullseye Bingo (match all the squares at the center of the array), Blackout (match all the squares in the array).
Coding Challenge: Randomizing the grid on page load so no two games are the same.
Iteration
The voice is not clear enough. Change to a voice that is much easier to understand.
Iteration 2
For this version, change the timer to 20 seconds for more advanced players.
Source File