每次调用我的函数 (JavaScript) 时，如何检查 if/else 语句？

Question

所以我想做的是在每次调用函数时检查下面函数中的 if/else 语句。我用

来称呼它

onclick="openNav()"

在我的 HTML 中。非常感谢您的帮助，如果这是一个蹩脚的问题，我很抱歉，因为我是 JavaScript.

的新手

代码如下：

var intViewportWidth = window.innerWidth;

function openNav() {

 $("body").css("background-color", "rgba(0,0,0,.4)");

 if (intViewportWidth < 1200) {

  $("header nav").css("width", "100%");
  $("body").css("margin-right", "100%"); 

 }
 else {

  $("header nav").css("width", "30%");
  elBody.css("margin-right", "30%");

 }

 $("#hamburger").hide();

}

Answer 1

使用下面的代码片段。除非获取宽度在函数内部，否则 intViewportWidth 不会改变。

function openNav() {
    
 $("body").css("background-color", "rgba(0,0,0,.4)");
    
    var intViewportWidth = window.innerWidth;
 if (intViewportWidth < 1200) {

  $("header nav").css("width", "100%");
  $("body").css("margin-right", "100%"); 

 }
 else {

  $("header nav").css("width", "30%");
  elBody.css("margin-right", "30%");

 }

 $("#hamburger").hide();

}

每次调用我的函数 (JavaScript) 时，如何检查 if/else 语句？

How do I make the if/else statement get checked every time my function is called (JavaScript)?

html

javascript

if-statement

behavior

function