如何爲按鈕按下時創建兩個輸出？

-1

我的目標是使用HTML在3乘3的網格中創建9個按鈕。然後，使用JavaScript，我想對按鈕進行編程，因此當每個按鈕被點擊時，都有兩個輸出。如何爲按鈕按下時創建兩個輸出？

輸出是左或右的水平值，上下是垂直值。我的問題是點擊時將按鈕連接到輸出–我該怎麼做？

2017-11-11 Lord Knight

在你試過的代碼中描述你的問題 –

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

我的目標是使用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>

來源

2017-11-11 01:10:46

按鈕是觸發事件的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 
});

於是帶走的是，你總是有附加功能的輸入元素，如果你想在其上執行的事件。這可以按照上述的不同方式來完成。

來源

2017-11-11 04:44:14 sandy

如何爲按鈕按下時創建兩個輸出？

回答

相關問題