array_and_objects/index.html at master · Mattcri/array_and_objects · 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
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="./css/styles.css">
   <title>Array and Objects</title>
</head>
<body>
   <header>
      <div class="container">
         <nav>
            <h1>Centro Médico Ñuñoa</h1>
         </nav>
      </div>
   </header>

   <main>
      <div class="container">
         <div class="stats">
            <h2 class="stats__title">Estadisticas últimas 24 hrs</h2>
            <div class="stats__wrap">
               <div class="stats__radiologia">
                  <h3>RADIOLOGÍA</h3>
                  <p>Cantidad de atenciones:</p>
                  <div class="stats__length-r"></div>
                  <p>Primera atención:</p>
                  <div class="stats__first-atention-r"></div>
                  <p>Última atención:</p>
                  <div class="stats__last-atention-r"></div>
               </div>
               <div class="stats__traumatologia">
                  <h3>TRAUMATOLOGÍA</h3>
                  <p>Cantidad de atenciones:</p>
                  <div class="stats__length-t"></div>
                  <p>Primera atención:</p>
                  <div class="stats__first-atention-t"></div>
                  <p>Última atención:</p>
                  <div class="stats__last-atention-t"></div>

               </div>
               <div class="stats__dental">
                  <h3>DENTAL</h3>
                  <p>Cantidad de atenciones:</p>
                  <div class="stats__length-d"></div>
                  <p>Primera atención:</p>
                  <div class="stats__first-atention-d"></div>
                  <p>Última atención:</p>
                  <div class="stats__last-atention-d"></div>

               </div>
            </div>
         </div>
      </div>
   </main>

   <section class="details">
      <div class="container">
         <div class="details__wrap">
            <div class="details__consult-dental">
               <h3>Detalle Consultas Dental</h3>
               <div class="details__pacient-dental"><span>Despliegar toda la información mediante forEach</span></div>

            </div>
            <div class="details__prevision-dental">
               <h3>Previsión y Rut Pacientes Dental</h3>
               <div class="details__pacient-prevision"><span>Modificar la previsión mediante map y mostrar la información aplicando forEach con el nuevo array retornado</span></div>

            </div>
            <div class="details__names">
               <h3>Pacientes que se Atendieron en el Centro Médico</h3>
               <span>Concatenar todos los arrays y despliegar todos los nombres de los pacientes que se atendieron mediante forEach</span>
               <div class="details__all-names-consult"></div>

            </div>
         </div>
      </div>
   </section>

   <script src="./js/app.js"></script>
</body>
</html>