Template:Menu side: Difference between revisions
From WikiMSK
mNo edit summary |
No edit summary |
||
Line 4: | Line 4: | ||
</div> | </div> | ||
<div class="menu-side-header2">Click Me</div> | |||
<div>Click Me</div> | |||
<html> | <html> | ||
<style> | <style> | ||
.menu-side-header2 { | |||
padding: 40px; | padding: 40px; | ||
background: red; | background: red; | ||
Line 47: | Line 42: | ||
</style> | </style> | ||
<script> | <script> | ||
const menu-side-header2 = document.querySelector('.menu-side-header2'); | |||
function toggleStyle(el, prop, style1, style2) { | function toggleStyle(el, prop, style1, style2) { | ||
el.style[prop] = el.style[prop] === style1 ? style2 : style1; | el.style[prop] = el.style[prop] === style1 ? style2 : style1; | ||
} | } | ||
.menu-side-header2.addEventListener('click', e => { | |||
toggleStyle( | toggleStyle(.menu-side-header2, 'background', 'red', 'blue'); | ||
}); | }); | ||
Revision as of 00:00, 20 March 2022