Ejercicio mensaje emergente

La página "emergente.html" consta de un botón.

Al pulsar el botón saldrá un mensaje centrado en la pantalla.

Al cabo de 3 segundos el mensaje se autodestruirá.

El mensaje será uno aleatorio entre 10 mensajes posibles.

¿Qué hace falta?

Plan

  1. HTML: botón y mensaje
  2. CSS: centrar, clase oculto, opacidad y transición
  3. JS: al pulsar el botón
    • tomar un elemento aleatorio del array
    • mostrar el elemento en el mensaje
    • ocultar cuando pase un tiempo

Proinf.net