CodeFellows-Code-challenge/index.html at master · CCallahanIV/CodeFellows-Code-challenge · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>

<html>
  <head>
    <title>Welcome to Jeopardy-Lite!</title>
    <link href="css/main.css" type="text/css" rel="stylesheet"/>
  </head>
  <body>
    <div class="titleWrapper">
      <a href="https://ccallahaniv.github.io/"><img class="homeLink" src="images/homeicon.png"></a>
      <img class="logo" src="images/jeopardylogo.png">

      <button id="newGame">New Game</button>
    </div>

    <div class="questionWrapper">
      <p class="answerBox">Answer Box</p>
      <ul id="qList">
        <li class="questionBox" id="q0">Question 1</li>
        <li class="questionBox" id="q1">Question 2</li>
        <li class="questionBox" id="q2">Question 3</li>
      </ul>
    </div>

    <div class="gameBoardWrapper">
      <table id="gameBoard">
        <tr>
          <th id="c0" class="category">Cat1</th>
          <th id="c1" class="category">Cat2</th>
          <th id="c2" class="category">Cat3</th>
          <th id="c3" class="category">Cat4</th>
        </tr>
        <tr>
          <td><button id="00" class="gameBtn"> </button></td>
          <td><button id="10" class="gameBtn"> </button></td>
          <td><button id="20" class="gameBtn"> </button></td>
          <td><button id="30" class="gameBtn"> </button></td>
        </tr>
        <tr>
          <td><button id="01" class="gameBtn"> </button></td>
          <td><button id="11" class="gameBtn"> </button></td>
          <td><button id="21" class="gameBtn"> </button></td>
          <td><button id="31" class="gameBtn"> </button></td>
        </tr>
        <tr>
          <td><button id="02" class="gameBtn"> </button></td>
          <td><button id="12" class="gameBtn"> </button></td>
          <td><button id="22" class="gameBtn"> </button></td>
          <td><button id="32" class="gameBtn"> </button></td>
        </tr>
      </table>

      <div class="userWrapper">
        <p>User Name: <span id="userName"></span></p>
        <p>Score: <span id="userScore"><span></p>
      </div>
    </div>

    <script src="js/library.js"></script>
  <script src="js/jeopardy.js"></script>
  </body>

</html>