Ejercicios Prácticos

Ahora que has aprendido los fundamentos de JavaScript en el Capítulo 2, aquí tienes algunos ejercicios prácticos diseñados para probar y reforzar tu comprensión de los conceptos discutidos. Estos ejercicios incluyen desafíos relacionados con variables y tipos de datos, operadores, estructuras de control, funciones, manejo de eventos y depuración.

Ejercicio 1: Manipulaciones de Variables

Crea variables para almacenar tu nombre, edad, y si eres estudiante (booleano). Imprime un mensaje de saludo usando estas variables.

Solución:

let name = "John Doe";
let age = 20;
let isStudent = true;

console.log(`Hello, my name is ${name}. I am ${age} years old and it is ${isStudent ? '' : 'not '}true that I am a student.`);

Ejercicio 2: Uso de Operadores

Calcula el área de un círculo con un radio de 7 usando los operadores matemáticos apropiados de JavaScript. Muestra el resultado en la consola.

Solución:

let radius = 7;
let area = Math.PI * radius * radius;

console.log("The area of the circle is:", area);

Ejercicio 3: Estructura de Control - Bucle

Escribe un bucle for en JavaScript que cuente del 1 al 10 pero solo imprima los números impares en la consola.

Solución:

for (let i = 1; i <= 10; i++) {
    if (i % 2 !== 0) {
        console.log(i);
    }
}

Ejercicio 4: Funciones - Verificador de Números Primos

Crea una función para verificar si un número dado es un número primo o no. La función debe devolver true si el número es primo, de lo contrario false.

Solución:

function isPrime(number) {
    if (number <= 1) return false;
    if (number <= 3) return true;

    if (number % 2 === 0 || number % 3 === 0) return false;

    for (let i = 5; i * i <= number; i += 6) {
        if (number % i === 0 || number % (i + 2) === 0) {
            return false;
        }
    }
    return true;
}

console.log(isPrime(29));  // Outputs: true
console.log(isPrime(10));  // Outputs: false

Ejercicio 5: Manejo de Eventos

Crea un simple botón HTML que cambie su propio contenido de texto de "¡Haz clic en mí!" a "¡Clicado!" cuando se haga clic en él.

Solución:

<button id="clickButton">Click me!</button>
<script>
    document.getElementById('clickButton').addEventListener('click', function() {
        this.textContent = "Clicked!";
    });
</script>

Ejercicio 6: Desafío de Depuración

Encuentra y corrige el error en el siguiente fragmento de código:

function calculateProduct(a, b) {
    console.log(a * b);
}

calculateProuct(10, 2);

Solución:

function calculateProduct(a, b) {
    console.log(a * b);
}

calculateProduct(10, 2);  // Fixed the typo in the function call

Estos ejercicios proporcionan aplicaciones prácticas de los conceptos discutidos en el Capítulo 2, ayudándote a profundizar tu comprensión y competencia con JavaScript. Completarlos fortalecerá aún más tu base en JavaScript, preparándote para temas y proyectos más avanzados.