Viewing: it.javascript.info

Scrivete una funzione showNotification(options) che crei una notifica: <div class="notification"> con un dato contenuto. La notifica dovrebbe automaticamente sparire dopo 1.5 secondi.

Le opzioni sono:

          // mostra un elemento con il testo "Hello" in prossimit dell'angolo in alto a destra della finestra
showNotification({
  top: 10, // 10px dalla parte superiore della finestra (valore predefinito 0px)
  right: 10, // 10px dal bordo destro della finestra (valore predefinito 0px)
  html: "Hello!", // l'HTML della notifica
  className: "welcome" // una classe addizionale per il div (opzionale)
});
        

Demo in una nuova finesta

Usate il posizionamento CSS per mostrare lelemento alle coordinate top/right ricevute. Il documento sorgente ha gli stili necessari.

Apri una sandbox per l'esercizio.

soluzione

Apri la soluzione in una sandbox.

Create un messaggio di notifica