javascript-exam/relatory.html at master · LucasArifa/javascript-exam · 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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="pt-br">
<head>
  <!-- Meta tags sempre vem antes -->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Links para files/folders externas -->
  <link rel="stylesheet" href="relatory.css">
  <script src="relatory.js"></script>
  <link rel="JavaScript Tab Icon" href="images/javascript-icon-tab.png" type="image/x-icon" />
  <title>Relatório</title>
</head>
<body>
 <div class="main">
<header>
  <h1>Comparação das Questões</h1>
</header>
<div align="center">
<span class="span"  id="green"></span>  <span class="span" >-> ACERTOU</span>
<span class="span"  id="red"></span>  <span class="span" >-> ERROU</span>
<span class="span"  id="grey"></span>  <span class="span" >-> NÃO RESPONDEU</span>
</div>

<table id="tableQuestoes">
  <div>
    <tr id="headerQuestoes">
      <td id="tdQuestoes"> QUESTÕES/NÚMERO</td>
      <td> ACERTOU</td>
      <td>ERROU</td>
    </tr>
  </div>
  <tr>
    <td id="tdQuestao1" class="tdQuestao"><span><strong>1</strong></span></td>
    <td id="tdQ1Acertou" class="tdAcertou"></td>
    <td id="tdQ1Errou" class="tdErrou"></td>
  </tr>
  <tr>
    <td id="tdQuestao2" class="tdQuestao"><span><strong>2</strong></span></td>
    <td id="tdQ2Acertou" class="tdAcertou"></td>
    <td id="tdQ2Errou" class="tdErrou"></td>
  </tr>
  <td id="tdQuestao3" class="tdQuestao"><span><strong>3</strong></span></td>
    <td id="tdQ3Acertou" class="tdAcertou"></td>
    <td id="tdQ3Errou" class="tdErrou"></td>
  </tr>
  <td id="tdQuestao4" class="tdQuestao"><span><strong>4</strong></span></td>
    <td id="tdQ4Acertou" class="tdAcertou"></td>
    <td id="tdQ4Errou" class="tdErrou"></td>
  </tr>
  <td id="tdQuestao5" class="tdQuestao"><span><strong>5</strong></span></td>
    <td id="tdQ5Acertou" class="tdAcertou"></td>
    <td id="tdQ5Errou" class="tdErrou"></td>
  </tr>
  <td id="tdQuestao6" class="tdQuestao"><span><strong>6</strong></span></td>
    <td id="tdQ6Acertou" class="tdAcertou"></td>
    <td id="tdQ6Errou" class="tdErrou"></td>
  </tr>
  <td id="tdQuestao7" class="tdQuestao"><span><strong>7</strong></span></td>
    <td id="tdQ7Acertou" class="tdAcertou"></td>
    <td id="tdQ7Errou" class="tdErrou"></td>
  </tr>
  <td id="tdQuestao8" class="tdQuestao"><span><strong>8</strong></span></td>
    <td id="tdQ8Acertou" class="tdAcertou"></td>
    <td id="tdQ8Errou" class="tdErrou"></td>
  </tr>
  <td id="tdQuestao9" class="tdQuestao"><span><strong>9</strong></span></td>
    <td id="tdQ9Acertou" class="tdAcertou"></td>
    <td id="tdQ9Errou" class="tdErrou"></td>
  </tr>
  <td id="tdQuestao10" class="tdQuestao"><span><strong>10</strong></span></td>
    <td id="tdQ10Acertou" class="tdAcertou"></td>
    <td id="tdQ10Errou" class="tdErrou"></td>
  </tr>
</table>

<header>
<h1>Média de Acertos</h1>
</header>
<div align="center">
  <h4 id="mediaNotaTxt"><strong>Média de Acertos</strong> relativos as tentativas presentes no <strong>histórico de notas</strong>.</h4>
  <div id="mediaNotaDiv">
<p id="mediaNotaTxt2"></p>
<p id="mediaNotaNum"></p>
<span id="mediaNotaTxt3"></span>
</div>
</div>

<header>
  <h1>Sugestões de Tópicos</h1>
</header>
<h4 align="center">
  As <strong>sugestões</strong> são baseadas nas questões que você <strong>errou</strong>.
</h4>
<div id="sugestoes">

</div>
</div>
</body>
</html>