如何获取HTML按钮调用Javascript？

Question

因此，我一直在研究如何解决此问题很长时间，但是没有任何效果。我的问题是我试图在HTML中创建一个按钮，并使用它来在javascript中调用函数，但每次遇到错误或什么都没有发生时。

这是我一直在尝试的代码

HTML：

print (question1)

Javascript：

      <script type="text/javascript" src="script.js">



      </script>
      <button onclick= "test1"> test</button>
    </html>

Answer 1

您可以将onclick属性与函数一起使用：

function test1() {
  console.log('message');
}

<button onclick= "test1()"> test</button>

或动态添加事件侦听器：

var button = document.getElementById('button');
button.addEventListener('click', function () {
console.log('message');
});

<button id="button"> test</button>

Answer 2

您可以使用多种方式做到这一点：

最明显的解决方案是在按钮元素中写入onclick属性。

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

或其他方法是将事件监听器添加到按钮

document.getElementById("button").addEventListener("click", function() {
  alert("Button Clicked");
});

<button id="button">Button</button>

还要检查jsfiddle链接是否正常工作：https://jsfiddle.net/tkfbg0dw/4/

如果需要任何帮助，请告诉我。谢谢

Answer 3

尝试一下：

function testFunction(){
  console.log('Hello World')
}

<button onclick="testFunction()">Click here</button>