Something went wrong. Try again.
First challenge from Josh Comeau's course The Joy of React.
react game
Something went wrong. Try again.
2.2 kB · 73 lines
HTML
at main
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374<div id="root"> <div class="wrapper"> <header> <div class="side"></div> <h1>Word Game</h1> <div class="side"> <!-- Help button (code omitted for brevity) --> </div> </header>
<div class="game-wrapper"> <div class="guess-results"> <p class="guess"> <span class="cell incorrect">R</span> <span class="cell misplaced">A</span> <span class="cell misplaced">T</span> <span class="cell incorrect">E</span> <span class="cell incorrect">S</span> </p> <p class="guess"> <span class="cell correct">A</span> <span class="cell correct">B</span> <span class="cell correct">O</span> <span class="cell incorrect">V</span> <span class="cell incorrect">E</span> </p> <p class="guess"> <span class="cell correct">A</span> <span class="cell correct">B</span> <span class="cell correct">O</span> <span class="cell correct">U</span> <span class="cell correct">T</span> </p> <p class="guess"> <span class="cell"></span> <span class="cell"></span> <span class="cell"></span> <span class="cell"></span> <span class="cell"></span> </p> <p class="guess"> <span class="cell"></span> <span class="cell"></span> <span class="cell"></span> <span class="cell"></span> <span class="cell"></span> </p> <p class="guess"> <span class="cell"></span> <span class="cell"></span> <span class="cell"></span> <span class="cell"></span> <span class="cell"></span> </p> </div>
<form class="guess-input-wrapper"> <label for="guess-input">Enter guess:</label> <input id="guess-input" type="text" /> </form>
<div class="happy banner"> <p> <strong>Congratulations!</strong> Got it in <strong>3 guesses</strong>. </p> </div> </div> </div></div>