Ejemplos de Bucles en JavaScript

INICIO

Ejercicio 1: Bucle For


            <h2>Ejercicio 1: Bucle For</h2>
            <button onclick="bucleFor()">Iniciar Bucle For</button>
            
<script> function bucleFor() { for (let i = 0; i < 5; i++) { alert("El valor de i es: " + i); document.write("El valor de i es: " + i + "<br>"); } } </script>

Ejercicio 2: Números Pares hasta un Número Dado


            <h2>Ejercicio 2: Números Pares hasta un Número Dado</h2>
            <button onclick="numerosParesHasta()">Mostrar Números Pares</button>
            
<script> function numerosParesHasta() { let numerosPares; let j = 0; numerosPares = parseInt(prompt("Introduce el número", "")); alert("Se van a escribir los números pares del 2 al " + numerosPares); for (let i = 2; i <= numerosPares; i += 2) { j++; alert("resultado nº " + j + " -> " + i); } alert("FIN"); } </script>

Ejercicio 3: Potencias de 2 hasta un Número Dado


            <h2>Ejercicio 3: Potencias de 2 hasta un Número Dado</h2>
            <button onclick="potenciasDeDos()">Mostrar Potencias de 2</button>
            
<script> function potenciasDeDos() { let j = 1; let potencias = parseInt(prompt("Introduce el número", "")); alert("Escribe las potencias de 2 hasta " + potencias); for (let i = 2; i <= potencias; i *= 2) { alert("resultado nº " + j + " -> " + i); j++; } alert("Se han escrito las potencias de 2 menores de " + potencias); alert("FIN"); } </script>

Ejercicio 4: Números Pares del 2 al 10


            <h2>Ejercicio 4: Números Pares del 2 al 10</h2>
            <button onclick="numerosParesHastaDiez()">Mostrar Números Pares hasta 10</button>
        
<script> function numerosParesHastaDiez() { alert("Se van a escribir los números pares del 2 al 10"); for (let i = 2; i <= 10; i += 2) { alert(i); } } </script>

Ejercicio 5: Potencias de 2 hasta 300


            <h2>Ejercicio 5: Potencias de 2 hasta 300</h2>
            <button onclick="potenciasHasta300()">Mostrar Potencias de 2 hasta 300</button>
        
<script> function potenciasHasta300() { alert("Escribe las potencias de 2 hasta 300"); let aux = 1; for (let i = 2; i <= 300; i *= 2) { alert("2 elevado a " + aux + " es igual a " + i); aux++; } alert("Se han escrito las potencias de 2 menores de 300"); } </script>

Ejercicio 6: Array y Método keys()


            <h2>Ejercicio 6: Array y Método keys()</h2>
            <button onclick="mostrarKeys()">Mostrar Claves de Array</button>
            <p id="demo"></p>
        
<script> function mostrarKeys() { const fruits = ["Banana", "Orange", "Apple", "Mango"]; const keys = fruits.keys(); let text = ""; for (let x of keys) { text += x + "<br>"; } document.getElementById("demo").innerHTML = text; } </script>

Ejercicio 7: Bucle Do-While


            <h2>Ejercicio 7: Bucle Do-While</h2>
            <button onclick="bucleDoWhile()">Iniciar Bucle Do-While</button>
        
<script> function bucleDoWhile() { let i = 1; do { alert("valor: " + i); i++; } while (i <= 5); alert("FIN"); } </script>

Ejercicio 9: Bucle While


            <h2>Ejercicio 9: Bucle While</h2>
        <button onclick="bucleWhile()">Iniciar Bucle While</button>
        
<script> function bucleWhile() { let i = 1; while (i <= 5) { alert("resultado es: " + i); i++; } alert("FIN"); } </script>

Ejercicio 10: Números Pares usando Bucle While


            <h2>Ejercicio 10: Números Pares usando Bucle While</h2>
            <button onclick="numerosParesMientras()">Mostrar Números Pares usando While</button>
        
<script> function numerosParesMientras() { let numerosPares; let j = 0; // Convertimos a entero las cadenas numerosPares = parseInt(prompt("Introduce el número", "")); alert("Se van a escribir los números pares del 2 al " + numerosPares); alert("números pares del 2 al " + numerosPares); let i = 2; while (i <= numerosPares) { ++j; alert("resultado nº " + j + " es: " + i); i += 2; } alert("Ya se han mostrado los números pares del 2 al " + numerosPares); } </script>