-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
93 lines (91 loc) · 5.21 KB
/
index.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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="es-cl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Juan Sepulveda">
<title>Asistente Cetoacidosis Diabetica</title>
<link rel="stylesheet" href="css/estilos.css">
</head>
<body>
<header>
<h1>Asistente para Cetoacidosis Diabética Pediátrica</h1>
<hr>
<a href="html/ayuda.html"><button>Ayuda</button></a>
<a href="#"><button>Guía MINSAL</button></a>
<a href="html/ispad2008.html"><button>Guía ISPAD 2018</button></a>
</header>
<section class="inicio">
<div id="inicio">
<h2>Introducción</h2>
<p>Este es un proyecto personal de desarrollo de una aplicación calculadora basada en las guías GES de Diabetes Mellitus tipo 1 del Ministerio de Salud de Chile.</p>
<p>Se encuentra en fase de desarrollo, por lo que no se recomienda su uso como aplicación clínica.</p>
<p>Las indicaciones en pacientes que presentan una Cetoacidosis diabetica deben ser prescritas por un médico, y revisadas por el equipo de enfermería para garantizar la seguridad de la atención y manejo del paciente.</p>
</div>
</section>
<section class="calculos">
<form action="">
<label for="nombre">Nombre:</label>
<input type="text" name="nombre" id="nombrepac" size="60" placeholder="ej: Jose Perez"><br>
<label for="edad">Edad:</label>
<input class="numero" type="number" name="edad" id="edadpac" min="0" max="18" placeholder="ej: 3"> años.<br>
<label for="peso">Peso:</label>
<input class="numero" type="number" name="peso" id="pesopac" min="0" step="0.5" placeholder="ej: 18"> kg.<br>
<label for="deshidrat">Grado de Deshidratación:</label>
<input type="range" name="deshidrat" id="dh" min="0" max="12" step="1" list="ticks" value="0">
<datalist id="ticks">
<option value="0">
<option value="2">
<option value="4">
<option value="6">
<option value="8">
<option value="10">
</datalist><span id="visor"></span><br>
<label for="apprev">Aportes previos:</label>
<input class="numero" type="number" name="apprev" id="apprevio" size="10" min="0" step="10" placeholder="ej: 300" value=""> ml.<br>
<label for="volmanten">Volumen de Mantención:</label>
<input class="numero" type="number" name="volmanten" id="volmant" size="10" min="10" max="2000" value="100" step="10"><span id="uvol">
<select name="unidvol" id="unidv">
<option value="a">ml/kg/día</option>
<option value="b">ml/m<sup>2</sup>/día</option>
</select><span><br>
<label for="insulina">Concentración de insulina:</label>
<input class="numero" type="number" name="insulina" id="insulin" min="0.02" max="0.1" step="0.01" value="0.1"><span> UI/kg</span><br>
<label for="cargagluc">Concentración de glucosa:</label>
<input class="numero" type="number" name="cargagluc" id="carga" min="0" max="10" value="0"><span> %</span><br>
<label for="potasio">Potasio al ingreso:</label>
<input class="numero" type="number" name="potasio" id="ki" min="0.1" max="10.0" step="0.1" value="5" placeholder="ej: 4.5"> <span>mEq/dL.</span><br>
<label for="sodio">Concentración de sodio deseada:</label>
<input type="number" name="sodio" id="na" min="70" max="150" step="5" value="90" class="numero"><span> mEq/L.</span><br>
</form>
</section>
<section>
<div id="resultados">
<p>Superficie corporal: <span id="sc" class="result"> </span> m<sup>2</sup></p><br>
<p>Déficit de fluidos: <span id="deffluid" class="result"> </span> ml</p><br>
<p>Aportes primeras 24 horas: <span id="apprimdia" class="result"> </span> ml</p><br>
<p>Aportes segundas 24 horas: <span id="apsegdia" class="result"> </span> ml</p>
</div>
</section>
<section>
<div id="infusiones">
<p>Insulina <span id="cantinsul" class="result"></span>UI en Suero Fisiológico 50 ml a: <span>1</span> ml/hora [ <span id="concinsul" class="result"> </span> ] </p><br>
<p>Suero Fisiológico 500 ml + KCL10% <span id="k1"></span>ml a: <span id="drip1" class="result"></span> ml/hora</p><br>
<p>Suero Glucosado 10% 500 ml + NaCl10% <span id="na1" class="result"></span>ml + KCL10% <span id="k2" class="result"></span> ml a: <span id="drip2" class="result"></span> ml/hora</p><br>
</div>
</section>
<button class="PrintBtn" onclick="printHTML()">Imprimir indicación</button>
<script>
function printHTML() {
if (window.print) {
window.print();
}
}
</script>
<footer>Juan Sepúlveda S. 2021.
<a href="mailto:[email protected]">Comentarios, sugerencias u otros favor enviar al autor.</a>
</footer>
<script src="javascript/scripts.js"></script>
</body>
</html>