bedingte Anweisung zum Ausführen einer Funktion?

Question

Ich habe einige js, die läuft, wenn es auf Handy ist. Wenn der Browser über 768 liegt, sollte diese Funktion nicht ausgeführt werden. gibt es auch eine Möglichkeit, eine Append-Methode in Vanille js zurückzusetzen?

if (window.innerWidth < 768) { 
    mobileNav(); 
} else { 

} 

Answer 1

verwenden, um bedingte Hinzufügen und Entfernen von Ihrem Handy-Menü

var breakpoint = matchMedia("(min-width: 400px)") 
 
var message1 = document.createElement('p') 
 
var message2 = document.createElement('p') 
 

 
message1.innerText = 'the viewport is at least 400 pixels wide' 
 
message2.innerText = 'the viewport is less than 400 pixels wide' 
 

 
function render() { 
 
    if (breakpoint.matches) { 
 
     // the viewport is at least 400 pixels wide 
 
     // add mobileNav() 
 
     message2.remove() 
 
     document.body.append(message1) 
 
    } else { 
 
     // the viewport is less than 400 pixels wide 
 
     // remove mobile nav 
 
     message1.remove() 
 
     document.body.append(message2) 
 
    } 
 
} 
 

 
render() // render initial 
 
breakpoint.onchange = render // as well on changes