如何從 html 按鈕更改 javascript boolean？

Question

我在 HTML 側有一個按鈕 onClick。 我正在使用 javascript function 來執行一些操作。 我需要使用 HTML 按鈕更改 boolean 的值。 我一直在看論壇，但到目前為止我沒有找到任何東西。 有人可以在這里指導我嗎？

謝謝。

代碼：

JS

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);
            }

        }
        }

HTML

> <button2 onclick="function()" class = "BtnGotit" >Ok, GOT IT.</button2>< 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的用法！