From 98665734b54e2a9b2da63b20318a9e1c5fce1f1e Mon Sep 17 00:00:00 2001 From: Nile Krupa Sheel Date: Sat, 19 Mar 2022 12:20:07 +0530 Subject: [PATCH 1/2] updated --- script.js | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) diff --git a/script.js b/script.js index e60691b..6ba310c 100644 --- a/script.js +++ b/script.js @@ -1 +1,40 @@ /* Fill your code*/ +//Anirudh Lodh +class Blog{ + constructor(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').append(title_card); + title_card.innerHTML += this.title; + + } + addDescription(){ + let newElement=document.createElement("p"); + newElement.setAttribute("id","blog-description") + newElement.innerHTML=this.detail + document.querySelector("#card-text").appendChild(newElement) + } +} +function addBlog(){ + document.querySelector("#popupContact").style.visibility="visible"; +} +function post(){ + let blog1=new Blog(document.querySelector("#title").value,document.querySelector("#detail").value) + console.log(blog1) + document.querySelector("#popupContact").style.visibility="hidden" + let newImage=document.createElement("img") + newImage.src="assets/javascript.png" + newImage.setAttribute("id","blog-image") + console.log(newImage) + document.querySelector("#card-text").append(newImage) + blog1.addTitle() + blog1.addDescription() + +} +document.querySelector("#addBlog").addEventListener("click",addBlog) +document.querySelector("#post").addEventListener("click",post) \ No newline at end of file From 0a011d72a7f860b505907ae29aa7b3ad200868a0 Mon Sep 17 00:00:00 2001 From: Nile Krupa Sheel Date: Sat, 19 Mar 2022 19:03:48 +0530 Subject: [PATCH 2/2] updated --- script.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/script.js b/script.js index 6ba310c..6166c10 100644 --- a/script.js +++ b/script.js @@ -1,5 +1,4 @@ -/* Fill your code*/ -//Anirudh Lodh + class Blog{ constructor(title,detail){ this.title=title;