feat: add compare numbers using the browser console

armincano · armincano · commit b2c94d44ba03 · 2024-07-19T11:08:32.000-04:00
diff --git a/README.md b/README.md
@@ -26,3 +26,7 @@ Click to see the code in action 👉 [LIVE DEMO](https://armincano.github.io/ful
 - [Airline - Buy a flight](./m2-front-end-101/s5-s6-bootstrap/airline-promo-and-form/airline-promo-and-form.html)
 - [Form component](./m2-front-end-101/s5-s6-bootstrap/form/form.html)
 - [Cards and Navbar components](./m2-front-end-101/s5-s6-bootstrap/navbar-cards/navbar-cards.html)
+
+### JavaScript
+
+-[Compare numbers](./m2-front-end-101/s7-s8-javascript/browser-console/compare-numbers.html)
diff --git a/m2-front-end-101/s7-s8-javascript/browser-console/compare-numbers.html b/m2-front-end-101/s7-s8-javascript/browser-console/compare-numbers.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=
+    , initial-scale=1.0">
+    <title>Browser console - compare numbers</title>
+</head>
+<body>
+    
+    <script src="./script.js"></script>
+</body>
+</html>
diff --git a/m2-front-end-101/s7-s8-javascript/browser-console/script.js b/m2-front-end-101/s7-s8-javascript/browser-console/script.js
@@ -0,0 +1,30 @@
+const getUserInput = (message) => {
+    let userInput;
+    do {
+        userInput = prompt(message);
+        if (userInput === null) {
+            alert("Operación cancelada");
+            return null;
+        }
+    } while (isNaN(parseInt(userInput)) || userInput.trim() === ""); //lo parseado no es un número o está vacío
+    return parseInt(userInput);
+};
+
+const compareNumbers = () => {
+    alert("Vamos a comparar qué número es mayor");
+
+    const a = getUserInput("Introduce el primer número");
+    if (a === null) return;
+    const b = getUserInput("Introduce el segundo número");
+    if (b === null) return;
+
+    if (a === b) {
+        alert(`${a} y ${b} son iguales`);
+    } else if (a > b) {
+        alert(`${a} es mayor que ${b}`);
+    } else {
+        alert(`${b} es mayor que ${a}`);
+    }
+};
+
+compareNumbers();
