diff --git a/src/scripts/main.js b/src/scripts/main.js index 35d0d8f7..dad9a308 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -2,6 +2,32 @@ const pushNotification = (posTop, posRight, title, description, type) => { // write code here + const container = document.createElement('div'); + + if (container) { + container.className = `notification notification ${type}`; + } + + container.style.top = posTop + 'px'; + container.style.right = posRight + 'px'; + + const titleEl = document.createElement('h2'); + + titleEl.className = `title`; + titleEl.textContent = title; + + const descriptionEl = document.createElement('p'); + + descriptionEl.className = 'description'; + descriptionEl.textContent = description; + + container.append(titleEl, descriptionEl); + + document.body.append(container); + + setTimeout(() => { + container.style.display = 'none'; + }, 2000); }; pushNotification(