Skip to content

Atteroot/js_notification_DOM

 
 

Repository files navigation

  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.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 58.7%
  • HTML 21.0%
  • JavaScript 20.3%