Select Page

¡Práctica tu conocimiento!

Ejercicio 1 — Saludo personalizado (variables / entrada y salida)

Objetivo: Pedir el nombre del usuario y mostrar ¡Hola, [nombre]!.

Pasos (algoritmo):

  1. Pedir al usuario que ingrese su nombre
  2. Guardar el nombre en una variable
  3. Mostrar el mensaje combinando texto y la variable.

Pista: Concatenar la cadena con la variable.

Consola:

Resultado al ejecutar código

Ejercicio 2 — Par o impar (condicionales)

Objetivo: Determinar si un número es par o impar.

Pasos:

  1. Pedir un número N.
  2. Calcular N % 2.
  3. Si el resto es 0 → par; sino → impar.
  4. Mostrar resultado.

Pista: Usar operador módulo %.

Consola:

Resultado al ejecutar códig

Ejercicio 3 — Adivina el número (bucles, condicionales, entrada/salida)

Objetivo: Generar un número aleatorio entre 1 y 10; el usuario intenta adivinarlo hasta acertar.

Pasos:

  1. Generar target aleatorio entre 1 y 10.

  2. Contar intentos y mostrar cuantos usó.

  3. Mientras el usuario no acierte:

    • Pedir intento.

    • Si intento < target → decir “más alto”.

    • Si intento > target → decir “más bajo”.

    • Si igual → felicitar y terminar

Pista: Usar while y funciones de aleatorio.

Consola:

Resultado al ejecutar códig

Ejercicio 4 — Contador del 1 al 10(For)

Objetivo: Mostrar los números del 1 al 10 en pantalla.

Pasos:

  1. Usa un bucle for.
  2. Mostrar mensaje para pedir la operación.
  3. Leer operacion.
  4. Pedir y leer los dos números a y b.
  5. Usar una estructura switch o if para seleccionar la operación: sumar, restar, multiplicar o dividir.
  6. Si la operación es / y b == 0, mostrar error; si no, calcular y mostrar resultado.

Consola:

Resultado al ejecutar código

Ejercicio 5 —Calculadora básica (Operadores +,/,* y -)

Objetivo: Mostrar los números del 1 al 10 en pantalla.

Pasos:

  1. Usa un bucle for.
  2. Mostrar mensaje para pedir la operación.
  3. Leer operacion.
  4. Pedir y leer los dos números a y b.
  5. Usar una estructura switch o if para seleccionar la operación: sumar, restar, multiplicar o dividir.
  6. Si la operación es / y b == 0, mostrar error; si no, calcular y mostrar resultado.

Consola:

Resultado al ejecutar código

Suma

División

Multiplicacion

Ejercicio 6 —Contar vocales

Objetivo: Contar cuántas vocales hay en una frase.

Pasos:

  1. Título :Contar vocales en una frase
  2. Objetivo: Pedir una frase al usuario y mostrar cuántas vocales (a,e,i,o,u) contiene.
  3. Entradas :frase: una línea de texto (puede incluir espacios y mayúsculas).
  4. Salida: Texto en consola: La frase tiene X vocales.

    Consola:

    Resultado al ejecutar código

    Frase agregada es: LEVEL UP CODE

    Ejercicio 7 — HTML -Mi primera página web

    Objetivo: Crear una página HTML con un título, un párrafo y una imagen.

    Explicación paso a paso:

      • <!DOCTYPE html> indica que el documento es HTML5.

      • <h1> muestra un título grande.

      • <p> define un párrafo.

      • <img> inserta una imagen con un texto alternativo.

          Consola:

          Resultado al ejecutar código

          Ejercicio 8—Agregar estilo con CSS

          Objetivo: Cambiar colores y fuentes del texto usando CSS.

          Puedes seguir guiandote del primer ejercicio que realizaste

          • .card es una clase que crea una caja blanca centrada.

          • border-radius redondea bordes.

          • box-shadow añade sombra.

          • border-radius: 50% hace circular la imagen.

          Consola:

          Resultado al ejecutar código

          Ejercicio 9 —Crear una tarjeta de presentación

          Objetivo: Cambiar colores y fuentes del texto usando CSS.

          Utiliza estos pasos:

          • display: flex; distribuye los elementos horizontalmente.

          • hover cambia el estilo cuando pasas el ratón.

          • list-style: none; elimina los puntos de la lista.

          Consola:

          Resultado al ejecutar código

          Ejercicio 10 —HTML y CSS Crear una sección de consejos

          Objetivo: Diseñar una lista de “tips” de programación con estilos modernos.

          Utiliza estos pasos:

          • <section class="tips">

            • Crea una sección independiente dentro de la página.

            • Se usa class="tips" para poder aplicarle estilos CSS específicos.

          • <h2>

            • Es un título de segundo nivel, ideal para encabezados dentro de secciones.

            • Incluye un emoji 💡 para hacerlo más llamativo y juvenil.

          • <ul>

            • Significa “unordered list” (lista sin orden).

            • Sirve para mostrar una lista de elementos (en este caso, consejos).

          • <li>

            • Cada “list item” representa un consejo.

            • Es ideal para enumerar ideas o pasos breves.

          • </section>

            • Cierra la sección de tips

          Consola:

          Resultado al ejecutar código

          Ejercicio 11 —JavaScript Mostrar un mensaje en pantalla 

          Objetivo: Aprender a usar alert() y console.log()

          Utiliza estos pasos:

          • Una alerta emergente con el mensaje:

            “¡Bienvenido a LevelUpCode!”
              Esta aparece como una ventana flotante en el navegador con un botón “Aceptar”.
          • Un mensaje en la consola del navegador:“Has iniciado tu primera práctica de JavaScript”
            Este se muestra en la sección de herramientas para desarrolladores.

          Consola:

          Resultado al ejecutar código

          Ejercicio 12 —JavaScript Mostrar un mensaje en pantalla

          Objetivo: Aprender a usar alert() y console.log()

          • Mostrar un mensaje al usuario con alert().

          • Enviar un mensaje al registro de la consola con console.log() (muy útil para depurar tu código).
          • Crea tu archivo HTML; Abre Visual Studio Code (o cualquier editor) y crea un nuevo archivo llamado index.html.
            Luego escribe este código:

          Consola:

          Resultado al ejecutar código

           

          Ejercicio 13 —JavaScript Cambiar el contenido de una página con DOM

          Objetivo: Usar JavaScript para modificar HTML

          • Crear un archivo HTML.

          • Insertar código JavaScript dentro de él.

          • Mostrar mensajes en una ventana emergente y en la consola del navegador

          Consola:

          Resultado al ejecutar código

           

          Ejercicio 14 —JavaScript Preguntar el nombre al usuario

          Objetivo: Usar prompt() para recibir datos

          Pasos a utilizar:

          • Pedir información al usuario con prompt().

          • Guardar esa información en una variable (let nombre).

          • Mostrar un mensaje personalizado con alert().

          Consola:

          Resultado al ejecutar código

          Agrega tu comentario