按钮已单击 true 或 false - JavaScript

Question

我是 JavaScript 的初学者。所以我需要一个关于{如果我们点击一个按钮，一个函数需要运行}的代码，他们中的更多人建议这样做，但它仍然无法正常工作！我不知道为什么？你能解决吗？

if(document.getElementById("btn").clicked == true){
//some code here
    console.log("working");
}

<button id=""btn>ClickEvent</button>

Answer 1

不要使用 if。 if 语句在页面加载时执行。

相反，使用 Onclick() 例如：

var data = "";

function clickBtn() {
  if(data != "")
      document.getElementById("result").innerHTML = "Hello World !";
  else
    getData();
}

function getData() {
    data = "Hello World !";
}

<button onclick="clickBtn()">Click me</button>

<p id="result"></p>

Answer 2

好问题，让我们使用引用 JavaScript 的 HTML 文件。

所以第一个文件我们称它为webpage.html

<!DOCTYPE html>
<html>
<head>
<script src="script.js"></script>
</head>
<body> 

<input type="button" value="save" onclick="save()"></input>

<input type="button" value="display" onclick="print()"></input>

<div id="area"></div>
</body>
</html>

和第二个文件script.js

function save()
{

StringTest="Hello world";

}


function print()
{

document.getElementById("area").innerHTML=StringTest;

}

该方法可能略有不同，但建议您这样做，因为您可以更好地控制脚本中的元素。

例如： <input type="button" 将告诉脚本它是类型按钮的表单输入，单击该按钮将调用 JavaScript

中的函数 print()

document.getElementById("area")捕获我们从文档对象模型定义的元素(DOM)

按钮已单击 true 或 false - JavaScript

Button Clicked true or false - JavaScript

javascript

buttonclick