Html form data saving problem.. Read description..

Question

Hey! I have a question for you. I'm making a resume maker website. For entering the details like personal, education, work experience and skills, I have made seperate html pages for each. And for saving each Page's entries, I have made a "Save" Button at the bottom. I want that when we click on the button,an alert should appear " Your data is saved." The problem is I don't know how to save it and show all the data together in the result page. Please help

Answer 1

Sites like this include backend and sending this data to database.

You can somehow trick this, for practice only, and save data in js object for example.
So you need when button is clicked to get all value from input fields and store them.
When you load another page, you can load same js file, but this time just read data and display to screen.
This is not how you would do in normal website.

This can easier be done using js frameworks like react, angular or vue.

Answer 2

yes you can save data in form of objects and convert it into JSON form via stringify
method JSON.stringify() then you can send data into your local storage use setItem() and fetch data from local storage but in local storage you cannot store data permanently

Answer 3

first sent the data to local storage u can write like this

const userdata ={
name : username,
password : password,
email :useremail
}

windows.local storage.setItem('user' , JSON.stringify(userdata));

for getting values you can write like this
var get = localstorage .getItem('user');
var obj = JSON.parse(get);
var storedEmail = obj.email;
var storedPassword = obj.password;

Answer 4

PanicS do you mean the real problem is seperate html pages.
What if I make multi step in a single page?

Answer 5

PanicS or can i save each Page's entries in local storage and then show them in the result page

Answer 6

Then how can I display them in the final html page?