So entfernen Sie ein Ereignis automatisch von meiner Webseite, wenn sich der Geräteansichtspunkt in JavaScript ändert ⇐ JavaScript

[Guest]

Ich versuche, die Größe eines Elements zu vergrößern, wenn auf ein Ereignis mit einer Ansichtsbreite von 992 Pixel und darunter geklickt wird, und möchte, dass es automatisch entfernt wird, wenn die Ansichtsbreite über 993 Pixel liegt. Bitte erklären Sie mir, wie ich vorgehen soll?

Code: Select all

if (sidebarbtn_div.style.display == 'flex') {
const changesidebarbtn = () => {
sidebarbtn.forEach(item => {
item.classList.remove('active')
})
};
sidebarbtn.forEach(disbtn => {
disbtn.addEventListener('click', () => {
changesidebarbtn();
if (disbtn.classList.contains('close_left')) {
document.querySelector('.dis_left').classList.add('active');
document.querySelector('#class_middle').style.width = '96vw';
sidebar.style.display = 'none'
} else if (disbtn.classList.contains('dis_left')) {
document.querySelector('.close_left').classList.add('active');
document.querySelector('#class_middle').style.width = '100%';
sidebar.style.display = 'block'
};
})
})
} else if (sidebarbtn_div.style.display == 'none') {
document.querySelector('#class_middle').style.width = '100%';
sidebar.style.display = 'block'
}

Dies ist der HTML-Code für die Ereignisschaltfläche

Code: Select all

×
≻