From 953935a46f0a568f9b8411d3f716eb6e53f9e941 Mon Sep 17 00:00:00 2001 From: Oksana Shtelma Date: Thu, 16 Apr 2026 17:23:47 +0300 Subject: [PATCH 1/2] add task solution --- src/scripts/main.js | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/src/scripts/main.js b/src/scripts/main.js index 35d0d8f74..9c5de63d8 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1,7 +1,20 @@ '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); + + node.style.top = posTop; + node.style.right = posRight; + + node.append(titleNode); + node.append(descripNode); + + titleNode.innerText = title; + descripNode.innerText = description; }; pushNotification( From 45031e33953e4172e81da8bf52f1ca6e6ef9c860 Mon Sep 17 00:00:00 2001 From: Oksana Shtelma Date: Thu, 16 Apr 2026 20:21:19 +0300 Subject: [PATCH 2/2] add task solution2 --- src/scripts/main.js | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/src/scripts/main.js b/src/scripts/main.js index 9c5de63d8..617fdaee0 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -6,15 +6,22 @@ const pushNotification = (posTop, posRight, title, description, type) => { const descripNode = document.createElement('p'); node.classList.add(`notification`, type); + titleNode.classList.add('title'); - node.style.top = posTop; - node.style.right = posRight; + 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(