4Geeks chosen to deliver AI education in the Bahamas alongside Harvard, Oxford, and Columbia.See more

Gratis·Ejercicio interactivo

Eventos de Javascript

Domina los eventos de JavaScript: Aprende a hacer que tu aplicación sea interactiva manejando acciones del usuario como clics, entrada del teclado, movimiento del mouse y cambios de tamaño de la ventana. Explora eventos onClick, cambia dinámicamente el CSS, obtén valores de objetivos de eventos e implementa funciones como contadores y acciones onLoad.

Este ejercicio incluye

Technical Skills

JAVASCRIPT

Asistencia de IA para guía personalizada

Código real, resultado en tiempo real

Validación instantánea con tests

Progreso guardado en tu ruta

Prueba este ejercicio

Crea una cuenta y obtén acceso inmediato a este ejercicio

By signing up, you agree to the Terms and Conditions and Privacy Policy

Already have an account?

Nivel

BEGINNER

Tiempo estimado

8 horas

Acceso

Gratis

Requisitos previos

Ninguno

Sobre este ejercicio

Sobre este ejercicio

Syllabus

Mira el contenido que incluye este ejercicio

¡Bienvenido a Eventos de JavaScript!

Obtén una visión general de los eventos de JavaScript, incluyendo onClick, targets de eventos y cambios de CSS al cargar la página.

Alert onclick

Añade un detector de eventos al segundo botón usando la propiedad onclick para que ejecute la misma función que el primero.

onclick Hello World

Practica creando un listener de eventos usando la propiedad onclick para ejecutar una función al presionar un botón.

Sum Values

Practica crear un listener para sumar los valores de dos inputs y mostrar el resultado en un tercero, usando parseInt para evitar concatenar strings.

Hide onclick

Practica ocultar un elemento del DOM asignando el valor correcto a la propiedad style.display dentro de la función myEventListener.

...

Obtén un certificado de IA respaldado por 4Geeks

Este ejercicio forma parte de un curso real. Descubre cuál es el tuyo

Elige entre AI Engineering, AI Flex o AI Fluency, nuestros programas de inteligencia artificial pensados para llevarte de cero a certificado, sin importar tu experiencia previa. El 86% de nuestros egresados consigue trabajo en el sector en un promedio de 3 meses.

Compara los 3 programas y encuentra el que se adapte a tu ritmo y objetivos.

Explorar opciones

Obtén un certificado de IA respaldado por 4Geeks

Este ejercicio forma parte de un curso real. Descubre cuál es el tuyo

Compara los 3 programas y encuentra el que se adapte a tu ritmo y objetivos.

Explorar opciones

Ejercicios relacionados

Sigue aprendiendo sobre los temas de este ejercicio

Fundamentos de TypeScript con Práctica para Desarrolladores JavaScript

javascript

front-end

typescript

Este curso está diseñado para estudiantes que dominan JavaScript moderno y han leído sobre TypeScript (básico y avanzado). Aprenderás conceptos clave como interfaces básicas, type aliases y propiedades opcionales, así…

Probar este ejercicio

Programación Orientada a Objetos en Javascript

javascript

programacion-orientada-a-objectos

Aprende como funcionan los objetos y clases, y por qué son tan útiles en programación.

Probar este ejercicio

Tutorial para Principiantes de Javascript (Interactivo)

javascript

node

Mejora tus habilidades de programación en Javascript con este conjunto completo de ejercicios interactivos y auto-evaluados. Estos ejercicios cubren temas fundamentales como variables, bucles, condicionales, funciones y arreglos. Al completar…

Probar este ejercicio

Aprende cómo usar e interactuar con Formularios en HTML

javascript

html-css

formularios

Domina el arte de los formularios HTML con ejercicios interactivos que abarcan entradas de texto, áreas de texto, entradas de fecha y números, menús desplegables y más. Aprende validación de…

Probar este ejercicio

Aprende cómo manipular el DOM con JavaScript

javascript

html-css

the-dom

Paso a paso, ve sobre todos los conceptos y métodos del DOM: Usa Javascript para manipular los estilos de los elementos de HTML.

Probar este ejercicio