From 47139cec26ce5ecbe94785dfcce5276390e6239a Mon Sep 17 00:00:00 2001 From: laveena107 <67858244+laveena107@users.noreply.github.com> Date: Fri, 18 Feb 2022 23:38:16 +0530 Subject: [PATCH 1/2] Update script.js --- script.js | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/script.js b/script.js index e60691b..ea45b14 100644 --- a/script.js +++ b/script.js @@ -1 +1,41 @@ /* Fill your code*/ +class Blog{ + constuctor(title,detail){ + this.title=title; + this.detail=detail; + } + addTitle(){ + var title_card = document.createElement('h1'); + title_card.setAttribute("id","blog-title"); + console.log(title_card); + document.getElementById('card-text').appendChild(title_card); + title_card.innerHTML += this.title; + } +addDescription(){ + var description_card = document.createElement('p'); + description_card.setAttribute("id","blog-description"); + console.log(description_card); + document.getElementById('card-text').appendChild(description_card); + description_card.innerHTML += this.description; +} +} +var addpost=document.getElementById('popupContact'); +var blog=document.getElementById('addBlog'); +var closepost=document.getElementById('close'); +blog.addEventListener("click",function(){ + addpost.style.display="block"; + +}); +closepost.addEventListener("click",function(){ + addpost.style.display="none"; + +}); +document.getElementById("post").addEventListener("click",function(){ + document.getElementById("popupContact").style.display="none"; + var $img=document.createElement("img"); + $img.setAttribute("src","./assets/javascript.png"); + document.getElementById("card-text").appendChild($img); + var $title=document.getElementById("title").value; + var $detail=document.getElementById("detail").value; + var object1=new Blog($title,$detail); +}); From e0fde391bc5c46766902839dc0647f3b1cd58b41 Mon Sep 17 00:00:00 2001 From: laveena107 <67858244+laveena107@users.noreply.github.com> Date: Sat, 19 Feb 2022 16:03:11 +0530 Subject: [PATCH 2/2] Update script.js --- script.js | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/script.js b/script.js index ea45b14..ac4dad9 100644 --- a/script.js +++ b/script.js @@ -19,19 +19,19 @@ addDescription(){ description_card.innerHTML += this.description; } } -var addpost=document.getElementById('popupContact'); -var blog=document.getElementById('addBlog'); -var closepost=document.getElementById('close'); -blog.addEventListener("click",function(){ - addpost.style.display="block"; +var p=document.getElementById('post'); +var b=document.getElementById('Blog'); +var c=document.getElementById('close'); +b.addEventListener("click",function(){ + p.style.display="block"; }); -closepost.addEventListener("click",function(){ - addpost.style.display="none"; +c.addEventListener("click",function(){ + p.style.display="none"; }); document.getElementById("post").addEventListener("click",function(){ - document.getElementById("popupContact").style.display="none"; + document.getElementById("post").style.display="none"; var $img=document.createElement("img"); $img.setAttribute("src","./assets/javascript.png"); document.getElementById("card-text").appendChild($img);