jeopardy.html

<!doctype html>
<html lang="en">
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <link rel="stylesheet" href="jeopardy.css">
        <div class="app">
   
<!-- Top section -->
<header class="top-header">
    <h1>Jeopardy </h1>
    <p class="score">Score <span class="score-count"></span></p>
</header>
            
<!-- container for the board -->
<div class="board">
                <!-- categories get injected here -->
</div>
            
<!-- invisible container for the card prompt -->
<div class="card-modal">
<div class=card-modal-inner>
    <h2 class="clue-text"><!-- clue gets injected here --></h2>
<form autocomplete="off">
<input name="user-answer" type="text" />
    <button type="submit">Answer</button>
</form>
<div class="result">
    <p class="result_success">CORRECT</p>
    <p class="result_fail">INCORRECT</p>
    <p class="result_correct-answer">
     The correct answer is <span class="result_correct-answer-text"><!--answer gets injected here--></span>
    </p>
</div>
</div>
</div>
</div>
    </body>
    <script src="jeopardy.js"></script>
    </html>

   

  