en.javascript.info/2-ui/1-document/08-styles-and-classes/2-create-notification/task.md

importance: 5

---

Create a notification

Write a function showNotification(options) that creates a notification: <div class="notification"> with the given content. The notification should automatically disappear after 1.5 seconds.

The options are:

// shows an element with the text "Hello" near the right-top of the window
showNotification({
  top: 10, // 10px from the top of the window (by default 0px)
  right: 10, // 10px from the right edge of the window (by default 0px)
  html: "Hello!", // the HTML of notification
  className: "welcome" // an additional class for the div (optional)
});

[demo src="solution"]

Use CSS positioning to show the element at given top/right coordinates. The source document has the necessary styles.