From 63fecbac6a40869b89ab16b4e47bbdd1c100e98f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rafa=20Mu=C3=B1oz?= <rafael.munoz77@gmail.com>
Date: Mon, 24 Feb 2025 14:06:10 +0100
Subject: [PATCH] feat(JS): solved ex block 01

---
 .../ejercicios/bloque01/ejercicio01.html      | 30 ++++++++++++++++
 .../ejercicios/bloque01/ejercicio02.html      | 25 ++++++++++++++
 .../ejercicios/bloque01/ejercicio03.html      | 34 +++++++++++++++++++
 .../ejercicios/bloque01/ejercicio04.html      | 29 ++++++++++++++++
 .../ejercicios/bloque01/ejercicio05.html      | 25 ++++++++++++++
 .../ejercicios/bloque01/ejercicio06.html      | 19 +++++++++++
 .../ejercicios/bloque01/ejercicio07.html      | 24 +++++++++++++
 7 files changed, 186 insertions(+)
 create mode 100644 Unidad_05_Javascript/ejercicios/bloque01/ejercicio01.html
 create mode 100644 Unidad_05_Javascript/ejercicios/bloque01/ejercicio02.html
 create mode 100644 Unidad_05_Javascript/ejercicios/bloque01/ejercicio03.html
 create mode 100644 Unidad_05_Javascript/ejercicios/bloque01/ejercicio04.html
 create mode 100644 Unidad_05_Javascript/ejercicios/bloque01/ejercicio05.html
 create mode 100644 Unidad_05_Javascript/ejercicios/bloque01/ejercicio06.html
 create mode 100644 Unidad_05_Javascript/ejercicios/bloque01/ejercicio07.html
diff --git a/Unidad_05_Javascript/ejercicios/bloque01/ejercicio01.html b/Unidad_05_Javascript/ejercicios/bloque01/ejercicio01.html
new file mode 100644
index 0000000..1c44d76
--- /dev/null
+++ b/Unidad_05_Javascript/ejercicios/bloque01/ejercicio01.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script>
+        function calcularPromedio() {
+            // Obtener los valores de los inputs y convertirlos a número
+            let num1 = parseFloat(document.getElementById("num1").value);
+            let num2 = parseFloat(document.getElementById("num2").value);
+            let num3 = parseFloat(document.getElementById("num3").value);
+
+            // Guardar los números en un array y ordenarlos de mayor a menor
+            let numeros = [num1, num2, num3].sort((a, b) => b - a);
+
+            // Calcular el promedio de los dos mayores
+            let promedio = (numeros[0] + numeros[1]) / 2;
+
+            // Mostrar el resultado en el div
+            document.getElementById("resultado").innerText = "Promedio: " + promedio;
+        }
+    </script>
+</head>
+<body>
+    <input type="number" id="num1" placeholder="Número 1">
+    <input type="number" id="num2" placeholder="Número 2"> 
+    <input type="number" id="num3" placeholder="Número 3">
+    <button onclick="calcularPromedio()">Calcular Promedio</button>
+    <div id="resultado"></div>
+</body>
+</html>
diff --git a/Unidad_05_Javascript/ejercicios/bloque01/ejercicio02.html b/Unidad_05_Javascript/ejercicios/bloque01/ejercicio02.html
new file mode 100644
index 0000000..01d3268
--- /dev/null
+++ b/Unidad_05_Javascript/ejercicios/bloque01/ejercicio02.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script>
+        function sumarValores() {
+            // Obtener los valores de los inputs y convertirlos a número
+            let num1 = parseFloat(document.getElementById("num1").value);
+            let num2 = parseFloat(document.getElementById("num2").value);
+
+            // Calcular la suma
+            let suma = num1 + num2;
+
+            // Mostrar el resultado en el párrafo
+            document.getElementById("resultado").innerText = "Suma: " + suma;
+        }
+    </script>
+</head>
+<body>
+    <input type="number" id="num1" placeholder="Número 1">
+    <input type="number" id="num2" placeholder="Número 2">
+    <button onclick="sumarValores()">Sumar</button>
+    <p id="resultado"></p>
+</body>
+</html>
diff --git a/Unidad_05_Javascript/ejercicios/bloque01/ejercicio03.html b/Unidad_05_Javascript/ejercicios/bloque01/ejercicio03.html
new file mode 100644
index 0000000..048593f
--- /dev/null
+++ b/Unidad_05_Javascript/ejercicios/bloque01/ejercicio03.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script>
+        let contador = 0;
+
+        function actualizarContador() {
+            document.getElementById("contador").innerText = contador;
+        }
+
+        function incrementar() {
+            contador++;
+            actualizarContador();
+        }
+
+        function decrementar() {
+            contador--;
+            actualizarContador();
+        }
+
+        function resetear() {
+            contador = 0;
+            actualizarContador();
+        }
+    </script>
+</head>
+<body>
+    <h2>Contador: <span id="contador">0</span></h2>
+    <button onclick="incrementar()">Incrementar</button>
+    <button onclick="decrementar()">Decrementar</button>
+    <button onclick="resetear()">Resetear</button>
+</body>
+</html>
diff --git a/Unidad_05_Javascript/ejercicios/bloque01/ejercicio04.html b/Unidad_05_Javascript/ejercicios/bloque01/ejercicio04.html
new file mode 100644
index 0000000..90e294a
--- /dev/null
+++ b/Unidad_05_Javascript/ejercicios/bloque01/ejercicio04.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script>
+        function verificarParImpar() {
+            // Obtener el valor del input y convertirlo a número
+            let numero = parseInt(document.getElementById("numero").value);
+
+            // Determinar si es par o impar
+            let mensaje = (numero % 2 === 0) ? "El número es PAR" : "El número es IMPAR";
+
+            // Cambiar el color de fondo según si es positivo o negativo
+            let colorFondo = (numero >= 0) ? "green" : "red";
+
+            // Mostrar el resultado y aplicar el color de fondo
+            let resultadoElemento = document.getElementById("resultado");
+            resultadoElemento.innerText = mensaje;
+            resultadoElemento.style.backgroundColor = colorFondo;
+            resultadoElemento.style.color = "white"; // Asegurar que el texto sea visible
+        }
+    </script>
+</head>
+<body>
+    <input type="number" id="numero" placeholder="Ingresa un número">
+    <button onclick="verificarParImpar()">Verificar</button>
+    <p id="resultado"></p>
+</body>
+</html>
diff --git a/Unidad_05_Javascript/ejercicios/bloque01/ejercicio05.html b/Unidad_05_Javascript/ejercicios/bloque01/ejercicio05.html
new file mode 100644
index 0000000..f46fba7
--- /dev/null
+++ b/Unidad_05_Javascript/ejercicios/bloque01/ejercicio05.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script>
+        function calcularPrecioFinal() {
+            // Pedir el precio original al usuario
+            let precio = parseFloat(prompt("Ingrese el precio del producto:"));
+
+            // Pedir el porcentaje de descuento
+            let descuento = parseFloat(prompt("Ingrese el porcentaje de descuento:"));
+
+            // Calcular el precio final con descuento
+            let precioConDescuento = precio - (precio * (descuento / 100));
+
+            // Mostrar el resultado en el span
+            document.getElementById("precioFinal").innerText = "Precio final: " + precioConDescuento.toFixed(2) + " €";
+        }
+    </script>
+</head>
+<body>
+    <button onclick="calcularPrecioFinal()">Calcular Precio Final</button>
+    <p><span id="precioFinal"></span></p>
+</body>
+</html>
diff --git a/Unidad_05_Javascript/ejercicios/bloque01/ejercicio06.html b/Unidad_05_Javascript/ejercicios/bloque01/ejercicio06.html
new file mode 100644
index 0000000..e128c4c
--- /dev/null
+++ b/Unidad_05_Javascript/ejercicios/bloque01/ejercicio06.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script>
+        function cambiarTamanio(factor) {
+            let parrafo = document.getElementById("texto");
+            let tamañoActual = window.getComputedStyle(parrafo).fontSize;
+            let nuevoTamaño = parseFloat(tamañoActual) + factor;
+            parrafo.style.fontSize = nuevoTamaño + "px";
+        }
+    </script>
+</head>
+<body>
+    <p id="texto" style="font-size: 16px;">Este es un texto con tamaño ajustable.</p>
+    <button onclick="cambiarTamanio(2)">Aumentar tamaño</button>
+    <button onclick="cambiarTamanio(-2)">Disminuir tamaño</button>
+</body>
+</html>
diff --git a/Unidad_05_Javascript/ejercicios/bloque01/ejercicio07.html b/Unidad_05_Javascript/ejercicios/bloque01/ejercicio07.html
new file mode 100644
index 0000000..7dbb9c0
--- /dev/null
+++ b/Unidad_05_Javascript/ejercicios/bloque01/ejercicio07.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script>
+        function mostrarValor() {
+            let input = document.getElementById("numero");
+            let valor = parseInt(input.value);
+            let parrafo = document.getElementById("resultado");
+
+            if (valor === 0) {
+                parrafo.style.display = "none"; // Oculta el <p> si el valor es 0
+            } else {
+                parrafo.style.display = "block"; // Asegura que se muestre si no es 0
+                parrafo.innerText = "Valor ingresado: " + valor;
+            }
+        }
+    </script>
+</head>
+<body>
+    <input type="number" id="numero" placeholder="Ingresa un número" onblur="mostrarValor()">
+    <p id="resultado" style="display: none;"></p>
+</body>
+</html>
