I am helping a friend with a website that they are trying to make and I am trying to add an admin button that will allow them to click the button to add/delete the car description, picture, and price. I also need them to stay on the page after the page reloads. What is the best way of going about this?
<!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)
}
});
One
It looks like you are trying to maintain a list on the browser where the user can add and delete the items. In which case you need to use a form and a submit button which will execute the PHP file again (or a different file as required). At that point in the server, you can save it to the database or file.
Two
If you are trying to save each entry as it's added, then you need to abandon your whole javascript code. And provide a form with an input and an add-button. This will submit the form and you can save the entry.
For delete to work, you need to populate the form with all the saved values and have a button next to each value to delete that value. Each button needs to have a unique id/name so that you can detect which item you want to delete.
There are other ways of doing it too.
Our community is visited by hundreds of web development professionals every day. Ask your question and get a quick answer for free.
Find the answer in similar questions on our website.
Do you know the answer to this question? Write a quick response to it. With your help, we will make our community stronger.
PHP (from the English Hypertext Preprocessor - hypertext preprocessor) is a scripting programming language for developing web applications. Supported by most hosting providers, it is one of the most popular tools for creating dynamic websites.
The PHP scripting language has gained wide popularity due to its processing speed, simplicity, cross-platform, functionality and distribution of source codes under its own license.
https://www.php.net/
JavaScript is a multi-paradigm language that supports event-driven, functional, and mandatory (including object-oriented and prototype-based) programming types. Originally JavaScript was only used on the client side. JavaScript is now still used as a server-side programming language. To summarize, we can say that JavaScript is the language of the Internet.
https://www.javascript.com/
CSS (Cascading Style Sheets) is a formal language for describing the appearance of a document written using a markup language.
It is mainly used as a means of describing, decorating the appearance of web pages written using HTML and XHTML markup languages, but can also be applied to any XML documents, such as SVG or XUL.
https://www.w3.org/TR/CSS/#css
HTML (English "hyper text markup language" - hypertext markup language) is a special markup language that is used to create sites on the Internet.
Browsers understand html perfectly and can interpret it in an understandable way. In general, any page on the site is html-code, which the browser translates into a user-friendly form. By the way, the code of any page is available to everyone.
https://www.w3.org/html/
Welcome to the Q&A site for web developers. Here you can ask a question about the problem you are facing and get answers from other experts. We have created a user-friendly interface so that you can quickly and free of charge ask a question about a web programming problem. We also invite other experts to join our community and help other members who ask questions. In addition, you can use our search for questions with a solution.
Ask about the real problem you are facing. Describe in detail what you are doing and what you want to achieve.
Our goal is to create a strong community in which everyone will support each other. If you find a question and know the answer to it, help others with your knowledge.