ReisVC.github.io/index.html at main · ReisVC/ReisVC.github.io · 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Validação Zelda</title>
    <link rel="stylesheet" href="style.css">
    <link rel="shortcut icon" type="imagex/ico" href="zelda.ico">

</head>
<body>
    <script src="index.js"></script>
    <div class="titulo">
        <h1 id="titlePage">Valide seu Personagem</h1>
    </div>
    <div>
    <form>
        <label for="nome">Nome</label><br>
        <input type="text" name="nome" id="nome" class="input"><br>
        <label for="hp">Níveis de Vida</label><br>
        <input type="number" name="hp" id="hp"><br>
        <label for="ataque">Ataque</label><br>
        <input type="number" name="ataque" id="ataque"><br>
        <label for="defesa">Defesa</label><br>
        <input type="number" name="defesa" id="defesa"><br>
        <label for="arma">Arma</label><br>
        <select name="select" id="select">
            <option selected>Master Sword</option>
            <option>Hylian Shield</option>
            <option>Bow and Arrow</option>
            <option>Fire Rod</option>
            <option>Boomerang </option>
        </select> <br>
        <label for="item">Item</label><br>
        <select name="select" id="select2">
            <option>Smoke Bomb</option>
            <option>Lantern</option>
            <option>Hookshot</option>
            <option selected>Ocarina</option>
            <option>Life Heart</option>
        </select> <br>
        <button class="glow-on-hover" onclick="validar()">Validar Personagem</button>
    </form>
    <strong><p id="par"></p></strong>
    </div>
    <div id="divisao"></div>
    <div id="tabela">
        <table id="table">
            <tr>
                <th>Personagem</th>
                <th>Vida</th>
                <th>Ataque</th>
                <th>Defesa</th>
                <th>Arma</th>
                <th>Item</th>
                <!-- <th>Validar</th> -->
            </tr>
            <tr>
                <td id="nomeTabela"></td>
                <td id="vidaTabela"></td>
                <td id="ataqueTabela"></td>
                <td id="defesaTabela"></td>
                <td id="armaTabela"></td>
                <td id="itemTabela"></td>
                <!-- <td id="td-validar"> <button id="btn-validar" onclick="validar()">Validar</button></td> -->
            </tr>
        </table>
        <button onclick="limparTabela()" class="glow-on-hover" id="limpar">Limpar Tabela</button>
    </div>
    <header></header>
</body>
</html>