Practica 2 - Boton interactivo

Boton con JavaScript

Este ejercicio usa un evento de clic para mostrar un mensaje en pantalla. Tambien puedes activar una alerta y cambiar colores.

Prueba el boton

Haz clic para ver el mensaje interactivo.

Clics: 0

Aqui aparecera el mensaje despues del clic.

Que puedes modificar

window.configuracionBoton = {
    mensajeBase: "Hola, gracias por hacer clic.",
    usarAlerta: false,
    cambiarColor: true
};

Prueba en consola

Abre la consola del navegador y prueba uno de estos comandos mientras estas en esta pagina.

Ejemplo 1: simular un clic

document.getElementById("botonSaludo").click();

Que debe pasar: aparece el mensaje igual que si hubieras presionado el boton.

Ejemplo 2: cambiar el mensaje

window.configuracionBoton.mensajeBase = "Estoy aprendiendo JavaScript y cada clic cuenta.";

Que debe pasar: el siguiente clic mostrara el nuevo texto.

Ejemplo 3: activar alerta

window.configuracionBoton.usarAlerta = true;

Que debe pasar: en el siguiente clic veras el mensaje en pantalla y tambien una alerta.