Wie erstelle ich zwei Ausgänge, wenn eine Taste gedrückt wird?

-1

Mein Ziel ist es, neun Schaltflächen in einem 3-mal-3-Raster mit HTML zu erstellen. Dann, mit JavaScript, möchte ich die Tasten so programmieren, dass, wenn auf jede Taste geklickt wird, zwei Ausgänge vorhanden sind.Wie erstelle ich zwei Ausgänge, wenn eine Taste gedrückt wird?

Die Ausgänge sind ein horizontaler Wert nach links oder rechts und ein vertikaler Wert nach oben oder unten. Mein Problem ist die Verbindung der Tasten zu einem Ausgang, wenn sie geklickt werden – Wie kann ich das tun?

Quelle

2017-11-11 Lord Knight

beschreiben Sie Ihr Problem in Code, den Sie ausprobiert haben –

Könnten Sie bitte teilen, was Sie versuchen zu tun? –

Mein Ziel ist es, 9 Schaltflächen in einem 3 * 3 Raster mit HTML zu erstellen. Dann mit JavaScript, programmieren Sie die Tasten so, wenn jeder Knopf dort angeklickt ist zwei Ausgänge. Die Ausgaben sind ein horizontaler Wert nach links oder rechts und ein vertikaler Wert nach oben oder unten. Mein Problem besteht darin, die Knöpfe mit einem Ausgang zu verbinden, wenn sie angeklickt werden. Ich habe gerade Javascript gestartet und die Syntax ist immer noch ein Rätsel für mich. –

Codebeispiel:

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

Quelle

2017-11-11 01:10:46

Buttons sind HTML-Elemente ein Ereignis ausgelöst. Der Event-Handler führt die erforderlichen Schritte aus, die Sie beim Klicken auf die Schaltfläche ausführen möchten. Der Event-Handler kann anders angelegt werden.

Through-Handler-Attribut in HTML-Tag: Für eine Eingabetyp-Taste, wie es wäre,

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

und Sie haben myFunction() Funktion innerhalb des Script-Tages am Ende des Körperelementes zu definieren. Hier ist "onclick" das Handler-Attribut.

separate JavaScript-Datei: Hier finden Sie das Eingabeelement mit Knopf in Ihre HTML-Datei erstellen, wie

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

und dann in Ihrem „Js“ Datei, die Sie Event-Handler anhängen können Ihr Eingabeelement des Schaltflächentyps auf zwei Arten, z. B.

a. Benannte Funktion:

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

b. Durch anonyme Funktionalität

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

So ist die mitnehmen, Sie immer eine Funktionalität für das Eingangselement anhängen müssen, wenn Sie ein Ereignis auf sie ausführen möchten. Dies können Sie auf verschiedene Arten tun, wie oben beschrieben.

Quelle

2017-11-11 04:44:14 sandy

Wie erstelle ich zwei Ausgänge, wenn eine Taste gedrückt wird?

Antwort

Verwandte Themen