-
Notifications
You must be signed in to change notification settings - Fork 0
/
pratica07exercicio01.html
75 lines (74 loc) · 2.07 KB
/
pratica07exercicio01.html
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
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Prática 07 - Exercício 01</title>
<link rel="stylesheet" href="pratica07exercicio01.css"/>
</head>
<body>
<script src="pratica07exercicio01.js" type="text/javascript"></script>
<table id="tabela">
<caption>Saiba se o aluno foi aprovado ou reprovado</caption>
<thead class="cabecalho">
<tr>
<td>Nome do Aluno</td>
<td>Nota P1</td>
<td>Nota P2</td>
<td>Nota T1</td>
<td>Nota Total</td>
<td>Faltas</td>
</tr>
</thead>
<tbody>
<tr id="ln1" onclick="resultado(id)">
<td class="alinEspec" type="text">Ana</td>
<td>29</td>
<td>17</td>
<td>27</td>
<td type="number" class="mediaAlunos">73</td>
<td type="number">0</td>
</tr>
<tr id="ln2" onclick="resultado(id)">
<td class="alinEspec" type="text">Gisele</td>
<td>28</td>
<td>18</td>
<td>24</td>
<td type="number" class="mediaAlunos">70</td>
<td type="number">3</td>
</tr>
<tr id="ln3" onclick="resultado(id)">
<td class="alinEspec" type="text">Jane</td>
<td>26</td>
<td>20</td>
<td>24</td>
<td type="number" class="mediaAlunos">70</td>
<td type="number">1</td>
</tr>
<tr id="ln4" onclick="resultado(id)">
<td class="alinEspec" type="text">Jorge</td>
<td>25</td>
<td>19</td>
<td>29</td>
<td type="number" class="mediaAlunos">73</td>
<td type="number">0</td>
</tr>
<tr id="ln5" onclick="resultado(id)">
<td class="alinEspec" type="text">Marina</td>
<td>30</td>
<td>16</td>
<td>27</td>
<td type="number" class="mediaAlunos">73</td>
<td type="number">1</td>
</tr>
</tbody>
<tfoot>
<tr>
<td class="alinEspec">Média</td>
<td id="mediaPost">71,8</td>
</tr>
</tfoot>
</table>
<h4>Informe o nome de um aluno ou clique diretamente na tabela:</h4> <input type="text" id="nome" class="campo" onclick="javascript:this.value=''"/> <!-- onclick p/ limpar o campo -->
<button onclick="resultado()" class="btt">Ok</button>
</body>
</html>