按钮单击true或false - JavaScript

时间:2018-03-27 14:35:55

标签: javascript buttonclick

我是JavaScript的初学者。所以我需要一个代码{如果我们点击一​​个按钮需要运行一个功能}更多的人建议这样但它仍然无效!而且我不知道为什么?你能解决吗?



change

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




2 个答案:

答案 0 :(得分:2)

不要使用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>

答案 1 :(得分:1)

好问题,让我们使用引用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)

定义的元素