Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 8d35021

Browse files
Chore: Created Activity-2 files seperately in Day-20/ folder
1 parent b907d3f commit 8d35021

File tree

2 files changed

+23
-10
lines changed

2 files changed

+23
-10
lines changed

‎Day20/Activity-2/index.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,6 +68,16 @@
6868
width: 300px;
6969
text-align: center;
7070
}
71+
#removeData {
72+
background-color: #ff0000;
73+
color: #fff;
74+
border: none;
75+
padding: 10px 15px 20px 15px;
76+
border-radius: 4px;
77+
cursor: pointer;
78+
width: 300px;
79+
font-size: 16px;
80+
}
7181
</style>
7282
</head>
7383
<body>
@@ -82,6 +92,8 @@ <h1>User Information Form</h1>
8292

8393
<h2>Saved User Data</h2>
8494
<div id="savedData"></div>
95+
<br>
96+
<button id="removeData">Remove Data</button>
8597

8698
<script src="script.js"></script>
8799
</body>

‎Day20/Activity-2/script.js

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -11,19 +11,20 @@ document.addEventListener('DOMContentLoaded', () => {
1111
}
1212
}
1313

14-
displaySavedData();
14+
displaySavedData();
1515

16-
document.getElementById('userForm').addEventListener('submit', (event) => {
17-
event.preventDefault();
16+
document.getElementById('userForm').addEventListener('submit', (event) => {
17+
event.preventDefault();
1818

19-
const name = document.getElementById('name').value;
20-
const email = document.getElementById('email').value;
19+
const name = document.getElementById('name').value;
20+
const email = document.getElementById('email').value;
2121

22-
const userData = { name, email };
23-
localStorage.setItem('userData', JSON.stringify(userData));
22+
const userData = { name, email };
23+
localStorage.setItem('userData', JSON.stringify(userData));
24+
25+
displaySavedData();
26+
});
2427

25-
displaySavedData();
26-
});
2728
// Task 4: Write a script to remove an item from localStorage. Log the localStorage content before and after removal.
2829

2930
function removeItemFromLocalStorage(key) {
@@ -36,7 +37,7 @@ document.addEventListener('DOMContentLoaded', () => {
3637
console.log(localStorage.getItem(key));
3738
}
3839

39-
document.getElementById('removeButton').addEventListener('click', () => {
40+
document.getElementById('removeData').addEventListener('click', () => {
4041
removeItemFromLocalStorage('userData');
4142
displaySavedData(); // Update the displayed data after removal
4243
});

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /