Feuerbach98 / js_notification_DOM

JS Advanced task. Create notification.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

  1. Replace <your_account> with your Github username in the link
  2. Follow this instructions
    • There are no tests for this task so use npm run lint command instead of npm test

Task: Create a notification

To inform the user about the success of the operation, or any errors, websites usually use messages that appear for a while on the screen.

Your task: Create function pushNotification, which takes coords of future message, title, description and type (warning, success or error), appends it to the document and remove it after 2 seconds. You no need to write any styles or HTML code in this task. Change only main.js file.

Implementation tips:

  • The message is block element with class notification + class which depends on the input parameter type (success, error, warning).
  • The message should have a title with class title (prefer h2 element)
  • The message should have description (prefer tag p)
  • Set coordinates of the message (top and right) rely on values from parameters.

Hint: use setTimeout for execute a function or specified piece of code once the timer expires.

It's an expected result of your job: Result

About

JS Advanced task. Create notification.

License:GNU General Public License v3.0


Languages

Language:CSS 58.7%Language:HTML 21.0%Language:JavaScript 20.3%