[Javascript] Wykrycie rozdzielczości i usunięcie klasy

Question

Cześć i czołem otóż mam pewien problem, mianowicie próbuje przy odpowiedniej rozdzielczości usunąć klasę diva.

 var test = document.getElementById("test");
        if ((screen.width == 768) && (screen.height == 1080)){
            test.classList.remove("animated");

Powyższy kod nie działa.

Pomoże ktoś?

Answer 1

Ten kod jest prawdopodobnie i tak zły, nawet z tymi odwołaniami do window, ponieważ zakładasz dokładnie jeden punkt width/height - wydaje mi się, że chyba chodziło Ci o mniejsze niż/większe niż i po drugie gdy raz usuniesz klasę to potem, nawet przy innych width/height klasa się nie przywróci.

Moim zdaniem znacznie lepiej napisać to po prostu jako:

const test = document.getElementById("test");

window.addEventListener('resize', () => {
  test.classList.toggle('animaed', window.innerHeight <= 768 && window.innerHeight <= 1080)
})

ale i tak coś dziwne mi się wydają te warunki... pytanie też czy na pewno chcesz istnienie klasy uzależniać od nich obu jednocześnie?

Comments

Powiedzmy, że to tylko przykładowy kod, w finalnym kodzie uzależniłem to tylko od width większego niż 768px.

Teraz został mi tylko problem żeby odwołać się do kilku elementów na stronie

Answer 2

Brakuje odwołaniami do obiektu window