bijit-dev
diff --git a/‎css/bootstrap.min.css
+6 b/‎css/bootstrap.min.css
+6
diff --git a/‎css/style.css
+3 b/‎css/style.css
+3
diff --git a/‎index.html
+34 b/‎index.html
+34
diff --git a/‎js/bootstrap.bundle.min.js
+7 b/‎js/bootstrap.bundle.min.js
+7
diff --git a/‎js/script.js
+69 b/‎js/script.js
+69
@@ -0,0 +1,3 @@
+.updateButton{
+    display: none;
+}
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ToDo_Application</title>
+    <link rel="stylesheet" href="css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+  <div class="container">
+    <div class="mb-3">
+        <label for="exampleFormControlInput1" class="form-label">Name:</label>
+        <input type="text" class="form-control name" id="exampleFormControlInput1" placeholder="Enter Your Name">
+    </div>
+    <div class="mb-3">
+        <label for="exampleFormControlTextarea1" class="form-label">Coption</label>
+        <textarea class="form-control caption" id="exampleFormControlTextarea1" rows="3"></textarea>
+    </div>
+    <button type="button" class="btn btn-primary mybutton">Post</button>
+    <button type="button" class="btn btn-primary updateButton">Update</button>
+
+    <div class="d-flex allPost">
+      
+    </div>
+
+
+  </div>
+
+    <script src="js/script.js"></script>
+    <script src="js/bootstrap.bundle.min.js"></script>
+    
+</body>
+</html>
@@ -0,0 +1,69 @@
+let allPost = document.querySelector(".allPost")
+let name = document.querySelector(".name")
+let caption = document.querySelector(".caption")
+let mybutton = document.querySelector(".mybutton")
+let updateButton = document.querySelector(".updateButton")
+
+let arr = []
+let indexStore;
+
+mybutton.addEventListener("click", () => {
+  arr.push({
+    name: name.value,
+    caption: caption.value
+  })
+  name.value = ""
+  caption.value = ""
+  allPost.innerHTML = ""
+
+  display()
+})
+updateButton.addEventListener("click", () => {
+
+  arr[indexStore].name = name.value
+  arr[indexStore].caption = caption.value
+  // console.log(arr);
+  allPost.innerHTML = ""
+  display()
+  name.value = ""
+  caption.value = ""
+  updateButton.style.display = "none"
+  mybutton.style.display = "inline-block"
+})
+
+function display() {
+  arr.map(item => {
+    allPost.innerHTML += `<div class="card mt-5" style="width: 18rem;">
+        <div class="card-body">
+          <h5 class="card-title">${item.name}</h5>
+          <p class="card-text">${item.caption}</p>
+          <button class="btn btn-primary edit">Edit</button>
+          <button class="btn btn-danger delete">Delete</button>
+        </div>
+      </div>`
+  })
+  // delete button start
+  let deleteButton = document.querySelectorAll(".delete")
+  let convertDeleleButton = Array.from(deleteButton)
+  convertDeleleButton.map((allButton, index) => {
+    allButton.addEventListener("click", () => {
+
+      arr.splice(index, 1)
+      allPost.innerHTML = ""
+      display()
+    })
+  })
+  // delete button end
+
+  let editButton = document.querySelectorAll(".edit")
+  let convertEditButton = Array.from(editButton)
+  convertEditButton.map((editButton, index) => {
+    editButton.addEventListener("click", () => {
+      indexStore = index
+      name.value = arr[index].name
+      caption.value = arr[index].caption
+      updateButton.style.display = "inline-block"
+      mybutton.style.display = "none"
+    })
+  })
+}
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.updateButton{`
	`2`	`+ display: none;`
	`3`	`+}`