28 lines
850 B
JavaScript
28 lines
850 B
JavaScript
const idButtonBorder = "test-toggle-borders";
|
|
|
|
const classBorderActive = "debug";
|
|
const classBorderInactive = "_debug";
|
|
|
|
function swapDebugClasses() {
|
|
const activeElements = document.querySelectorAll('.' + classBorderActive);
|
|
const inactiveElements = document.querySelectorAll('.' + classBorderInactive);
|
|
|
|
activeElements.forEach(element => {
|
|
element.classList.remove(classBorderActive);
|
|
element.classList.add(classBorderInactive);
|
|
});
|
|
|
|
inactiveElements.forEach(element => {
|
|
element.classList.remove(classBorderInactive);
|
|
element.classList.add(classBorderActive);
|
|
});
|
|
}
|
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
// Adding the action to the border button
|
|
const eBorderButton = document.getElementById(idButtonBorder);
|
|
if(eBorderButton !== null) {
|
|
eBorderButton.addEventListener("click", swapDebugClasses);
|
|
}
|
|
});
|