diff --git a/src/scripts/main.js b/src/scripts/main.js index 35d0d8f74..617fdaee0 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1,7 +1,27 @@ 'use strict'; const pushNotification = (posTop, posRight, title, description, type) => { - // write code here + const node = document.createElement('div'); + const titleNode = document.createElement('h2'); + const descripNode = document.createElement('p'); + + node.classList.add(`notification`, type); + titleNode.classList.add('title'); + + node.style.top = posTop + 'px'; + node.style.right = posRight + 'px'; + + node.append(titleNode); + node.append(descripNode); + + titleNode.innerText = title; + descripNode.innerText = description; + + document.body.append(node); + + setTimeout(() => { + node.style.visibility = 'hidden'; + }, 2000); }; pushNotification(