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

问题描述：

我的目标是使用HTML在3乘3的网格中创建9个按钮。然后，使用JavaScript，我想对按钮进行编程，因此当每个按钮被点击时，都有两个输出。如何为按钮按下时创建两个输出？

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

在你试过的代码中描述你的问题 –

你能分享一下你正在做的事吗？ –

我的目标是使用html在3 * 3网格中创建9个按钮。然后使用JavaScript，编程按钮，以便每个按钮在点击时有两个输出。输出是向左或向右的水平值以及向上或向下的垂直值。我的问题是点击时将按钮连接到输出。我刚开始使用javascript，语法对我来说仍然是一个谜。 –

答

代码示例：

<!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>

答

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

通过对HTML标记处理程序属性： 对于输入型按钮，它会是什么样子，

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

，你必须在主体元素的结束来定义脚本标签中myFunction()功能。这里“onclick”是处理程序属性。

单独的JavaScript文件： 在这里，您将创建一个HTML文件中，如按键式输入元素，

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

，然后在你的“的.js”文件，您可以事件处理程序附加到你的按钮类型的输入元素有两种方式，如

a。命名功能：

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 
});

于是带走的是，你总是有附加功能的输入元素，如果你想在其上执行的事件。这可以按照上述的不同方式来完成。

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

相关推荐