bd 11.0

public/js/ajax.js

@@ -6,13 +6,20 @@ function ajaxRequest() {
       const targetElement = document.getElementById("buttonAdd");
       const divElement = document.createElement("div");
       divElement.classList.add("form-control");
-      divElement.style.backgroundColor = "#bbbbbb"; // Задайте здесь свой нужный стиль
+      divElement.style.backgroundColor = "#bbbbbb";
       divElement.innerHTML = responseText;
       targetElement.insertAdjacentElement("beforebegin", divElement);
 
+      const deleteButton = document.createElement("button");
+      deleteButton.textContent = "Delete";
+      deleteButton.addEventListener("click", () => {
+         divElement.remove();
+      });
+      divElement.appendChild(deleteButton);
    });
    request.send();
 }
+
 function getValueSelect(){
    var selectValue = document.getElementById("selectID").value
    var request = new XMLHttpRequest();
@@ -25,11 +32,20 @@ function getValueSelect(){
       var responseText = request.responseText;
       var targetElement = document.getElementById("buttonAdd");
       var divElement = document.createElement("div");
-      divElement.classList.add("form-control");
-      divElement.style.backgroundColor = "#bbbbbb"; // Задайте здесь свой нужный стиль
+      divElement.classList.add("form-control form-new-block");
       divElement.innerHTML = responseText;
       targetElement.insertAdjacentElement("beforebegin", divElement);
 
+      const deleteButton = document.createElement("button");
+      deleteButton.textContent = "X";
+      deleteButton.classList = 'btn-danger delete-button';
+      deleteButton.addEventListener("click", () => {
+         divElement.remove();
+      });
+      divElement.appendChild(deleteButton);
    });
    request.send()
 }
+function getIdBlock(){
+
+}

public/style/main.css

@@ -0,0 +1,10 @@
+.delete-button {
+    position: absolute;
+    top: 5px;
+    right: 5px;
+}
+.form-new-block {
+    background-color: #bbbbbb;
+    position: relative;
+
+}