Estoy ayudando a un amigo con un sitio web que está tratando de crear y estoy tratando de agregar un botón de administración que les permitirá hacer clic en el botón para agregar/eliminar la descripción, la imagen y el precio del automóvil. También necesito que permanezcan en la página después de que la página se vuelva a cargar. ¿Cuál es la mejor manera de hacer esto?
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link href="test.css" rel="stylesheet"> <title>Cars</title> </head> <body> <h1>Items</h1> <ul id="items"> <li><span>Delete</span></li> </ul> <button type="button" id="add-item">Add item</button> <script src="test.js"></script> </body> </html> ul { padding: 0px; } li { display: flex; background-color: #eee; margin: 5px; padding: 5px; align-items: center; } li > span { margin-left: auto; background-color: #aaa; padding: 5px; cursor: pointer; } let addButton = document.getElementById("add-item"); const curIndex = 0; addButton.addEventListener("click", function() { // Retrieves the 'list' let list = document.getElementById("items"); let textNode = window.prompt("Enter item:"); if (textNode != null) { let item = document.createElement("li"); //Creates a textnode from the users input item.appendChild(document.createTextNode(textNode)); //Adds the users textnode at the end of the list list.appendChild(item); // Creates a delete button let deleteButton = document.createElement("span"); deleteButton.innerHTML = "Delete" item.appendChild(deleteButton) } });Una
Parece que está intentando mantener una lista en el navegador donde el usuario puede agregar y eliminar elementos. En cuyo caso, debe usar un formulario y un botón de envío que ejecutará el archivo PHP nuevamente (o un archivo diferente según sea necesario). En ese punto del servidor, puede guardarlo en la base de datos o en el archivo.
Dos
Si está tratando de guardar cada entrada a medida que se agrega, entonces debe abandonar todo su código javascript. Y proporcione un formulario con una entrada y un botón para agregar. Esto enviará el formulario y podrá guardar la entrada.
Para que la eliminación funcione, debe completar el formulario con todos los valores guardados y tener un botón al lado de cada valor para eliminar ese valor. Cada botón debe tener una identificación/nombre único para que pueda detectar qué elemento desea eliminar.
Hay otras formas de hacerlo también.