関数を実行するための条件文？

Question

私はモバイルで実行されているいくつかのjsを持っています。ブラウザが768を超えると、この関数は実行されません。また、vanilla jsのappendメソッドを元に戻す方法はありますか？条件の追加に

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

} 

Answer 1

使用これとあなたの携帯電話のメニュー

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