parent
41aa1c8b64
commit
1fb7c548f5
@ -1 +1,15 @@
|
|||||||
|
|
||||||
|
const panels = document.querySelectorAll('.panel')
|
||||||
|
|
||||||
|
panels.forEach((panel) => {
|
||||||
|
panel.addEventListener('click', () => {
|
||||||
|
removeActiveClasses();
|
||||||
|
panel.classList.add("active");
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
function removeActiveClasses() {
|
||||||
|
panels.forEach(panel => {
|
||||||
|
panel.classList.remove("active");
|
||||||
|
})
|
||||||
|
}
|
@ -1,16 +0,0 @@
|
|||||||
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
|
|
||||||
|
|
||||||
* {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Roboto', sans-serif;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
height: 100vh;
|
|
||||||
overflow: hidden;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
Loading…
Reference in new issue