Formulario-/Practica9.html at main · MoSaEc/Formulario- · 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
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html>
    <head>
        <title>Miau Formulario</title>
        <link rel="stylesheet" type="text/css" href="./css/prom.css">
        <script src="./js/Promedio.js"></script>
    </head>

    <body>
        <div id="form-container">
            <div id="header">
                <p>TESE</p>
                <h1>Resultados</h1>
            </div>
            <form>

                <p><label for="" class="label">Matricula</label></p>
                <input type="text" id="matricula" class="field"> <br/>

                <p><label for="username" class="label">Nombre: </label></p>
                <input type="text" id="nombre" class="field"> <br/>

                <p><label for="materia" class="label">Materia </label></p>
                <select id="m1" class="field">
                    <option value="Ingles">Ingles</option>
                    <option value="Matematicas">Matematicas</option>
                    <option value="Español">Español</option>
                    <option value="Fisica">Fisica</option>
                    <option value="Algebra">Algebra</option>
                </select> <br/>

                <p><label for="calificacion" class="label">Calificacion </label></p>
                <input type="number" id="c1" class="field"> <br/>

                <p><label for="materia" class="label">Materia </label></p>
                <select id="m2" class="field">
                    <option value="Ingles">Ingles</option>
                    <option value="Matematicas">Matematicas</option>
                    <option value="Español">Español</option>
                    <option value="Fisica">Fisica</option>
                    <option value="Algebra">Algebra</option>
                </select> <br/>

                <p><label for="calificacion" class="label">Calificacion </label></p>
                <input type="number" id="c2" class="field"> <br/>

                <p><label for="materia" class="label">Materia </label></p>
                <select id="m3" class="field">
                    <option value="Ingles">Ingles</option>
                    <option value="Matematicas">Matematicas</option>
                    <option value="Español">Español</option>
                    <option value="Fisica">Fisica</option>
                    <option value="Algebra">Algebra</option>
                </select> <br/>

                <p><label for="calificacion" class="label">Calificacion </label></p>
                <input type="number" id="c3" class="field"> <br/>


                <p><label for="materia" class="label">Materia </label></p>
                <select id="m4" class="field">
                    <option value="Ingles">Ingles</option>
                    <option value="Matematicas">Matematicas</option>
                    <option value="Español">Español</option>
                    <option value="Fisica">Fisica</option>
                    <option value="Algebra">Algebra</option>
                </select> <br/>

                <p><label for="calificacion" class="label">Calificacion </label></p>
                <input type="number" id="c4" class="field"> <br/>

                <p><label for="materia" class="label">Materia </label></p>
                <select id="m5" class="field">
                    <option value="Ingles">Ingles</option>
                    <option value="Matematicas">Matematicas</option>
                    <option value="Español">Español</option>
                    <option value="Fisica">Fisica</option>
                    <option value="Algebra">Algebra</option>
                </select> <br/>

                <p><label for="calificacion" class="label">Calificacion </label></p>
                <input type="number" id="c5" class="field"> <br/>

                <h1 class="center-content">
                    <input type="button" id="submit-button" class="btn btn-green" value="Enviar" onclick="calcularPromedio()">
                </h1>
            </form>

            <table id="tabla-calificaciones">
                <tr><thead>
                    <tr>
                    <th>Matricula</th>
                    <th>Nombre</th>
                    <th>Materia</th>
                    <th>Calificacion</th>
                </tr>
                </thead>
                <tbody id="tabla-body"></tbody>
                <tfoot>
                <tr>
                    <td colspan="3">Promedio</td>
                    <td id="resultado"></td>
                </tr>
            </table>
        </div>

   </body>
</html>