-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoctubre.html
92 lines (87 loc) · 4.61 KB
/
octubre.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
<!DOCTYPE html>
<html lang="en">
<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">
<link rel="stylesheet" href="./css/estyle.css">
<link rel="stylesheet" href="./css/laptop.css" media="(min-width:768px)">
<link rel="stylesheet" href="./css/desktop.css" media="(min-width:1440px)">
<title>Inflación</title>
<script src="https://kit.fontawesome.com/af0bf7190a.js" crossorigin="anonymous"></script>
<meta name="robots" content="index,follow">
<meta name="author" content="Misael Gomez Cuautle">
<meta name="content" content="Calculo del efecto de la inflación a tráves del tiempo">
<meta name="keywords" content="Inflación, Valor del dinero en el tiempo, Calculo, JavaScript">
<link rel="icon" href="https://pbs.twimg.com/profile_images/1498519465532735489/P6D3QmPr_400x400.jpg">
<meta name="copyright" content="Misael Gomez Cuautle" />
</head>
<body>
<header class="header">
<div>
<h1>Inflación en México</h1>
</div>
<nav class="header--nav">
<ul class="menu-horizontal">
<li class="li-meses">
<a href="#" class="meses"><i class="fa-solid fa-bars"></i></a>
<ul class="menu-vertical">
<li><a href="./enero.html">Ene</a></li>
<li><a href="./febrero.html">Feb</a></li>
<li><a href="./marzo.html">Mar</a></li>
<li><a href="./abril.html">Abril</a></li>
<li><a href="./mayo.html">Mayo</a></li>
<li><a href="./junio.html">Jun</a></li>
<li><a href="./julio.html">Jul</a></li>
<li><a href="./agosto.html">Ago</a></li>
<li><a href="./septiembre.html">Sep</a></li>
<li><a href="./octubre.html">Oct</a></li>
<li><a href="./noviembre.html">Nov</a></li>
<li><a href="./index.html">Dic</a></li>
</ul>
</li>
<!-- <li><a href="https://misael-gc.github.io/misael-page.github.io/" class="header--nav_home">Home</a></li> -->
<!-- <li><a href="https://misael-gc.github.io/misael-page.github.io/" class="logo-menu"><i class="fa-solid fa-bars"></i></a></li> -->
</ul>
</nav>
</header>
<main class="container__main">
<div class="main-container-sub">
<h2>Calcula el efecto de la inflación en el poder adquisitivo del dinero</h2> <br>
<p> <strong>Advertencia:</strong> el calculo es anual, es decir, de <strong>Octubre</strong> de cada año. <br>
<i class="fa-solid fa-face-smile-wink"></i>
<br><br>
Fuente: INEGI
</p>
</div>
<section class="container-form">
<form action="" class="form-principal"><br>
<label class="form-label" for="Inputmoney" >Escribe el valor de tu dinero</label>
<input id="Inputmoney" type="number" placeholder="100"> <br>
<label class="form-label" for="InputAnio">Escribe el Año actual o más reciente,</label>
<input id="InputAnio" type="text" placeholder="2019"><br>
<label class="form-label" for="InputAnioBase">Elige un año base</label>
<input id="InputAnioBase" type="text" placeholder="2000"><br>
<button type="button" onclick="onClickButtonDeflacion()">
Calcular
</button><br>
<p id="ResultP"></p>
</form>
</section>
<section class="main--instrucciones">
<div>
<p><strong>Año actual o más reciente:</strong> es el numerador, es mayor al año base</p> <br>
<p><strong>Año base:</strong> es el denominador, es menor al año actual o más reciente</p>
</div>
</section>
</main>
<footer>
<div><a href="https://mobile.twitter.com/MisaelG51069440"><i class="fa-brands fa-twitter"></i></a></div>
<div><a href="https://github.com/Misael-GC"><i class="fa-brands fa-github"></i></a></div>
<div><a href="https://www.linkedin.com/in/misael-g%C3%B3mez-cuautle-5976491b9/"><i class="fa-brands fa-linkedin"></i></a></div>
<div><a href="https://misael-gomez-cuautle.super.site/portafolio"><i class="fa-solid fa-suitcase"></i></a></div>
</footer>
<script src="./meses/oct.js"></script>
<script src="./calculos.js"></script>
</body>
</html>