From 1910deeb3756d97a36c3211038c380465553dc59 Mon Sep 17 00:00:00 2001 From: KarineDHoshi Date: Mon, 30 May 2022 23:23:15 +0200 Subject: [PATCH 1/2] 1er commit --- script.js | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 65 insertions(+) create mode 100644 script.js diff --git a/script.js b/script.js new file mode 100644 index 0000000..1d9ed63 --- /dev/null +++ b/script.js @@ -0,0 +1,65 @@ +////////1 +let footer = document.getElementsByTagName('footer')[0]; +let count = 0; +footer.addEventListener('click', function() { + count += 1///comptage + console.log(`clique ${count}`); ///affichage du comptage + +}); +////////2 +let navbarHeader = document.getElementById('navbarHeader'); //emplacement du menu +let hamburgerMenu = document.querySelector('div div button.navbar-toggler'); +hamburgerMenu.addEventListener('click', function() { //reaction au clic + navbarHeader.classList.toggle("collapse"); ///menu qui s'ouvre +}); +///////3 +let card1 = document.querySelectorAll('div.col-md-4')[0]; +let editCard1 = document.querySelector('div.col-md-4 button.btn-outline-secondary'); +editCard1.addEventListener('click', function() { + card1.style.color = "red"; +}); + +///////4 + +let card2 = document.querySelectorAll('div.col-md-4')[1]; +let editCard2 = document.querySelectorAll('div.col-md-4 button.btn-outline-secondary')[1]; +editCard2.addEventListener('click', function() { + if (card2.style.color === "green") { + card2.style.color = "black"; + } else { + card2.style.color = "green"; + } +}); + +/////5 +let navbar = document.querySelector('div.navbar'); +let bootstrap = document.querySelector('head link'); +let main = document.querySelector('main'); + +navbar.addEventListener('dblclick', function() { + bootstrap.setAttribute('disabled', 'disabled'); +}); + +main.addEventListener('dblclick', function() { + bootstrap.removeAttribute("disabled"); +}); ////clic bien sur la ligne avec le bienvenue pour revenir en arrière + +/////6 + +let cardElmts = document.getElementsByClassName("card"); +for (let count = 0; count < cardElmts.length; count++) { + let cardText = cardElmts[count].getElementsByClassName("card-text")[0]; + let cardImage = cardElmts[count].getElementsByClassName("card-img-top")[0]; + let cardButtonView = cardElmts[count].getElementsByTagName("button")[0]; + function tinyCard() { + if (cardImage.style.width === "20%") { + cardImage.style = ""; /// sans ce style la carte resterai toute petite xD + cardText.classList.toggle("collapse"); + } + else { + cardImage.style.width = "20%"; + cardText.classList.toggle("collapse");//// même système que collapse que pour le menu + } + } + cardButtonView.addEventListener("mouseover", tinyCard); ///// si on passe la souris dessus la taille change +} From 0b5f913a9a59f047a52773c49814dbe39cdcbeb9 Mon Sep 17 00:00:00 2001 From: KarineDHoshi Date: Mon, 30 May 2022 23:23:43 +0200 Subject: [PATCH 2/2] exo --- .gitignore | 1 - 1 file changed, 1 deletion(-) diff --git a/.gitignore b/.gitignore index 8b13789..e69de29 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +0,0 @@ -