How can I take user inputs from forms add, edit and delete from list items on my html page. Just like adding a to-do list.

Question

Taking forms input to add inputed data to list items or tables on html using javascript. Should be able to edit and delete as well. And how I can search for stored date to bring up other items stored on that date.

Answer 1

On a simple serverless website you can use javascript to get the input of form fields create an object with the data and the store the object in an array which holds all the items. You can the search by looping through that array.
On a sever website you can use a database and sql querying.

Answer 2

JME thanks so much but I'm still learning js and so I understand very little of what you're asking me to do but I'll search further on how to get it done

Answer 3

Calviղ didn't help but thanks

Answer 4

Edward Ndiyo you cannot save data and retrieve it later from frontend HTML and JavaScript.

The form need to submit the data to backend server, store on server database, so that frontend can be accessed the data again from server later.

In this regard, you need to learn server script, node.js or php, and database, mysql or nosql.

Answer 5

Actually you can! Learn about IndexedDB. It is a JavaScript-based database API shipped into most browsers.

https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API

Answer 6

Edward Ndiyo this Express.js code which I did previously maybe helping you.

https://code.sololearn.com/W3DRtKjPKE98/?ref=app