如何从html按钮更改JavaScript布尔值?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何从html按钮更改JavaScript布尔值?相关的知识,希望对你有一定的参考价值。
我在html端有一个onClick按钮。我正在使用javascript函数执行一些操作。我需要使用HTML按钮更改布尔值。我一直在看论坛,但到目前为止我还没有找到任何东西。有人可以在这里引导我吗?
感谢。
代码:
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>
答案
将您的源代码包含在问题中总是一个好主意,因为它可以帮助我们回答。您可以添加带有代码演示的代码片段。
页面加载后,将监视按钮的点击。单击时,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">
另一答案
这是一个简单示例,如何处理它:
let bool = true
const changeValue = () =>
bool = !bool
console.log(bool)
<button onclick="changeValue()">Click Me!</button>
另一答案
以最简单的方式,这是一个通过一个按钮切换的好开始。
<input id="Z" value="0">
<button onclick="(Z.value<1)?Z.value++:Z.value--">Switch</button>
以上是关于如何从html按钮更改JavaScript布尔值?的主要内容,如果未能解决你的问题,请参考以下文章
如何在Angular 2中每次路由更改时观察路由更改和布尔变量的更改值?