This my current html code for a interactive clickable table:
"<!DOCTYPE html>
<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:8px 20px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:8px 20px;word-break:normal;}
.tg .tg-l0f3{background-color:#67fd9a;text-align:center;vertical-align:top}
.tg .tg-wrg0{font-size:22px;text-align:center;vertical-align:top}
.tg .tg-3f51{background-color:#ffefc1;text-align:left;vertical-align:top}
.tg .tg-zrs9{background-color:#fdb18e;font-size:24px;text-align:center;vertical-align:top}
.tg .tg-0jg8{background-color:#a1eaff;text-align:left;vertical-align:top}
</style>
<table class="tg">
<thead>
  <tr>
    <th class="tg-zrs9" colspan="3"><span style="font-weight:bold">Part 2: Game</span></th>
  </tr>
</thead>
<tbody>
  <tr>
    <td class="tg-0jg8">Your chosen item:</td>
    <td class="tg-0jg8">&lt;list box showing items&gt;</td>
    <td class="tg-3f51">Current Score: 0</td>
  </tr>
  <tr>
    <td class="tg-l0f3" colspan="3">&lt;Start Game Button&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Stop Game Button&gt;</td>
  </tr>
  <tr>
    <td class="tg-wrg0"><span style="color:#CD9934">&lt;1st item&gt;</span></td>
    <td class="tg-wrg0"><span style="color:#3531FF">&lt;2nd item&gt;</span></td>
    <td class="tg-wrg0"><span style="color:#036400">&lt;3rd item&gt;</span></td>
  </tr>
</tbody>
</table>"

These are the requirements: 
"The player will pick a target item from a list box showing “!@#$%^&*()_+=?qwertyuiop1234567890” The initial value of score is zero and it must be shown as “0” in the box.
When the player clicks on the “Start Game” button, in every 1 second, three random items will be generated and displayed on the screen (e.g. 3 * 9) at the position as shown above. The three items must not repeat at the same time (i.e. can’t have repeating numbers – e.g. 3 % 3). After starting a game, you can’t change the chosen item.
To play the game, the player must click on the randomly generated item that was chosen earlier to win 5 points. If the player clicks on the wrong item, 3 points are deducted. Therefore, the game score can become negative if the player clicks on many wrong item. For example, if the chosen item is “5” and the randomly generated item are “5”, “a” and “%”, clicking on the 1st item “5” will gain 5 points. Clicking on the item “a” will result in losing 3 points. It is possible to result in a negative score. The current score is displayed on the top right corner of the table. It must be updated in real-time as the player plays the game.
Try to have the font size, foreground and background colours as close as possible to what are shown above.
When the player clicks on the “Stop Game” button, the game is stopped. The screen must remain the same with the chosen item, the current score and the last 3 random items remain unchanged. When you click on “start” game again, it will reset the score to 0 and start the random item generation again. You can also change the chosen item to a new item."

Print the full code after editing according to the requirements