如何从HTML按钮更改JavaScript布尔值？

Question

我在HTML端有一个onClick按钮。我正在使用javascript函数执行一些操作。我需要使用HTML按钮更改布尔值。我一直在看论坛，但到目前为止我还没有找到任何东西。有人可以在这里引导我吗？

谢谢。

代码：

  

JS

public class MyController : Controller
{
    private readonly IHttpContextAccessor _httpContextAccessor;

    public MyController(IHttpContextAccessor httpContextAccessor)
    {
      _httpContextAccessor = httpContextAccessor;            
    }

    [HttpPost]
    [Authorize]
    public JsonResult CreateOrder([FromBody] OrderModel model)
    {
      string username = Helper.GetUserName(_httpContextAccessor);
      .....
    }
}

  

HTML

var buttonClicked = false; window.addEventListener('load',function(){ console.log(buttonClicked); document.getElementById('BtnGotit').addEventListener('onclick',function(){ buttonClicked = true; console.log(buttonClicked); }); }); function desktopMove(e){ if(buttonClicked == true){ var wH = $(window).height(); var wW = $(window).width(); var x = e.clientX; var y = e.clientY; if(x <= 20){ //Left $pageTrigger = $('.pt-page-current').find('.right'); if($pageTrigger.length) Animate($pageTrigger); }else if(x >= (wW - 50)){ //Right $pageTrigger = $('.pt-page-current').find('.left'); if($pageTrigger.length) Animate($pageTrigger); }else if(y <= 50){ //Top $pageTrigger = $('.pt-page-current').find('.back'); if($pageTrigger.length) Animate($pageTrigger); }else if(y >= (wH - 50)){ //Bottom $pageTrigger = $('.pt-page-current').find('.next'); if($pageTrigger.length) Animate($pageTrigger); } } } br>

Answer 1

在问题中包含您的源代码始终是一个好主意，因为它可以帮助我们回答。您可以添加带有代码演示的代码段。

页面加载后，将监视按钮的点击。单击时，buttonClicked变量将设置为true。 buttonClicked的值最初为false。

var buttonClicked = false;

window.addEventListener('load',function(){
  console.log(buttonClicked);
  document.getElementById('randoButton').addEventListener('click',function(){
    buttonClicked = true;
    console.log(buttonClicked);
  });
});

<input type="button" id="randoButton" value="Set the variable value">

Answer 2

这是一个简单示例，介绍如何使用它：

let bool = true

const changeValue = () => {
    bool = !bool
    console.log(bool)
}

<button onclick="changeValue()">Click Me!</button>

Answer 3

以最简单的方式，这是一个通过一个按钮进行切换的好开始。

<input id="Z" value="0" type="range" max="1">
<button onclick="(Z.value<1)?Z.value++:Z.value--">Switch</button>

请注意，它是内联javascript，这并不是复杂程序的最佳选择，请参阅EventListeners的用法！