Dark Theme Button
Dark Theme Button
document.addEventListener('DOMContentLoaded', function() {
var themeButton = document.getElementById('themeButton');
var body = document.body;
themeButton.addEventListener('click', function() {
if (body.classList.contains('dark-theme')) {
body.classList.remove('dark-theme');
themeButton.textContent = 'Switch to Dark Theme';
} else {
body.classList.add('dark-theme');
themeButton.textContent = 'Switch to Light Theme';
}
});
/* Additional CSS styles */
h1 {
text-align: center;
margin-top: 50px;
}
button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
});
