Question

我的目标是使用HTML在3×3网格中创建9个按钮。然后，使用JavaScript，我想编程按钮，所以当点击每个按钮时，有两个输出。

输出是左或右的水平值，垂直值是向上或向下。我的问题是在点击按钮时将按钮连接到输出 - 我该怎么做？

Answer 1

代码示例：

<!DOCTYPE html>
<html>
<body>

<p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p>

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

<p id="demo"></p>

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "Hello World";
}
</script>

</body>
</html>

Answer 2

按钮是用于触发事件的html元素。事件处理程序执行您在按钮单击时要执行的必要步骤。您可以以不同方式创建事件处理程序。

通过HTML标记中的处理程序属性： 对于输入类型按钮，它就像是，

<input type="button" onclick="myFunction()" value="click!!!"/>

并且您必须在body元素末尾的script标记内定义myFunction()函数。在这里＆＃34; onclick＆＃34;是处理程序属性。

单独的JavaScript文件： 在这里，您将在html文件中创建带有按钮类型的input元素，例如

<input id="button1" type="button" value="click!!!"/>

然后在你的＆＃34; .js＆＃34;您可以通过两种方式将事件处理程序附加到按钮类型的输入元素，例如

<强>一个。命名功能：

function myFunction()
{
//perform whatever you want to do on button click
}
document.getElementById("button1").addEventListener("click",myFunction());`

<强>湾通过匿名功能

document.getElementById("button1").addEventListener("click",function({
//perform whatever you want to do on button clicked
});

所以，如果要在输入元素上执行事件，则必须附加输入元素的功能。您可以通过上述不同方式进行此操作。

按下按钮时如何创建两个输出？

2 个答案: