chenouna/SITE_WEB
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

FINIIIIIIIHIHI

Browse Source
This commit is contained in:
Khalid CHENOUNA
2024-01-19 23:46:23 +01:00
parent 2c0cc9d9a8 9cdc26dcf1
commit 26a334a9f8
27 changed files with 553 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
script.js
View File

@@ -1,5 +1,4 @@
var mybutton = document.getElementById("backToTopBtn");
var mybutton = document.getElementById("backToTopBtn");
// Afficher le bouton lorsqu'on descend en dessous de 20 pixels depuis le haut de la page
window.onscroll = function () {
@@ -39,3 +38,40 @@
mobileMenu.style.display = mobileMenu.style.display === 'none' ? 'flex' : 'none';
});
});
document.addEventListener('DOMContentLoaded', function () {
var buttons = document.querySelectorAll('.theme-button');
var contents = document.querySelectorAll('.theme-content');
// Ajoutez une classe "hidden" à tous les contenus initialement
contents.forEach(function (content) {
content.classList.add('hidden');
});
buttons.forEach(function (button, index) {
button.addEventListener('click', function () {
// Cachez tous les contenus
contents.forEach(function (content) {
content.classList.add('hidden');
});
// Retirez la classe "hidden" du contenu associé au bouton cliqué
contents[index].classList.remove('hidden');
// Gérez le fond spécifique au thème
if (contents[index].classList.contains('ciel')) {
document.body.classList.remove('mer-background', 'neige-background', 'desert-background');
document.body.classList.add('ciel-background');
} else if (contents[index].classList.contains('mer')) {
document.body.classList.remove('ciel-background', 'neige-background', 'desert-background');
document.body.classList.add('mer-background');
} else if (contents[index].classList.contains('neige')) {
document.body.classList.remove('ciel-background', 'mer-background', 'desert-background');
document.body.classList.add('neige-background');
} else if (contents[index].classList.contains('desert')) {
document.body.classList.remove('ciel-background', 'mer-background', 'neige-background');
document.body.classList.add('desert-background');
}
});
});
});