Skip to content

Commit cd8f3ef

Browse files
committed
Make stored data show on fields after page refresh
1 parent b78ae5c commit cd8f3ef

File tree

2 files changed

+23
-5
lines changed

2 files changed

+23
-5
lines changed

.vscode/settings.json

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"liveServer.settings.port": 5501
3+
}

scripts/store-data.js

+20-5
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,3 @@
1-
const name = document.querySelector("#name");
2-
const name = document.querySelector("#email");
3-
41
function storeData() {
52
const contactFormData = {
63
name: document.getElementById('name').value,
@@ -23,6 +20,24 @@ document.getElementById('msg').onchange = function saveLocalByMessage() {
2320
return storeData();
2421
};
2522

26-
function displayData (){
27-
console.log(name);
23+
const localObject = localStorage.getItem('contactInfo');
24+
25+
if (localObject) {
26+
const localName = JSON.parse(localObject).name;
27+
const localEmail = JSON.parse(localObject).email;
28+
const localMessage = JSON.parse(localObject).message;
29+
if (localName) {
30+
const nameid = document.querySelector('#name');
31+
nameid.value = JSON.parse(localObject).name;
32+
}
33+
34+
if (localEmail) {
35+
const emailid = document.querySelector('#email');
36+
emailid.value = JSON.parse(localObject).email;
37+
}
38+
39+
if (localMessage) {
40+
const messageid = document.querySelector('#msg');
41+
messageid.value = JSON.parse(localObject).message;
42+
}
2843
}

0 commit comments

Comments
 (0)