Mehrere JavaScript-Schaltflächen (Variablen)

Ich beginne gerade mit JavaScript, und ich frage mich, wie man mit verschiedenen Schaltflächen verschiedene Dinge machen kann. Bisher kann ich mit einem Knopf eine Sache machen, aber wie mache ich einen zweiten Knopf, der etwas anderes macht? Hier ist die Codierung:Mehrere JavaScript-Schaltflächen (Variablen)

<html> 
<head> 
<script type="text/javascript"> 
function show_prompt() 
{ 
var name=prompt("Your Name"); 
if (name!=null && name!="") 
    { 
    alert("Thanks for clicking " + name + "!"); 
    window.top.location.replace("http://www.google.com"); 
    } 
} 
</script> 
</head> 
<body> 
<ul> 
<li> 
<input type="button" onclick="show_prompt()" value="Button One" /> 
</ul> 
</body> 
</html>

Quelle

2012-04-12 Anonymous

eine andere Funktion definieren und die zweite Taste, um sie zu binden!

function alert_hi() { 
    alert("Hi!"); 
} 

<input type="button" onclick="alert_hi()" value="Button Two" />

Wenn das Ihr Interesse weckt, empfehle ich Eloquent Javascript.

Quelle

2012-04-12 02:27:07

Dies funktioniert nicht wirklich ersetzen. Gibt es eine Möglichkeit, eine andere Schaltfläche einzufügen, die dem Format der ersten Schaltfläche folgt? Ich brauche beide Tasten als Eingabeaufforderungen, wo Sie einen Namen eingeben, und als ich die Funktion alert_'name() ausprobiert habe, hat es nicht funktioniert. –

Sicher. 'function hey_you() {var benutzername = prompt (" Hallo da! Wie heißt du? "); Alarm ("Hallo", Benutzername); }; ' –

Die zweite Taste zu tun ist im Grunde identisch mit der ersten Aktion. Es wären nur zwei Funktionen und zwei Knöpfe. Ich denke, das ist es, worum du fragst.

<html> 
    <head> 
    <script type="text/javascript"> 
     function doSomething() 
     { 
      // Do something when button one is clicked 
     } 

     function doSomethingElse() 
     { 
      // Do something else when button two is clicked 
     } 
    </script> 
</head> 
<body> 
    <input type="button" onclick="doSomething()" value="Button One" /> 
    <input type="button" onclick="doSomethingElse()" value="Button Two" /> 
</body> 
</html>

Quelle

2012-04-12 02:29:48 ahruss

Wenn Sie ernsthaft über das Lernen .. können Sie über Event Registration models nachlesen.

im Fall Ihres Beispiels.

var btn1 = document.getElementById('btn1'), 
    btn2 = document.getElementById('btn2'); 
btn1.addEventListener('click', show_me, false); // i am not IE friendly 
btn2.addEventListener('click', show_me, false); // you can replace show_me with any function you would like. 
function show_me() { 
    alert(this.value + ' was clicked'); // this references the element which the click event was invoked on. 
}

html

<input type="button" id="btn1" value="Button One" /> 
<input type="button" id="btn2" value="Button Two" />

Quelle

2012-04-12 02:33:52 rlemon

Ich denke, Sie mögen verschiedene Dinge tun mit verschiedenen Tasten gemeint, sondern aus der gleichen Funktion:

JavaScript:

function myFunction(str) { 
    if(str.length > 3){ 
     alert("big"); 
    }else{ 
     alert("small"); 
    } 
}

HTML:

<input type="button" onclick="myFunction('test');" value="Button 1" /> 
<input type="button" onclick="myFunction('hi');" value="Button 2" />

Falls meine Annahme falsch ist, nur verschiedene Funktionen erstellen und die Schaltfläche onclick mit ihrer jeweiligen Funktion

Quelle

2012-04-12 02:36:45 ajax333221

Ja, genau das meinte ich. Vielen Dank! –

@ KeybordPiano459 Sie willkommen. Wenn Sie denken, dass dies Ihnen geholfen hat, sollten Sie diese Antwort als die akzeptierte markieren – ajax333221

Mehrere JavaScript-Schaltflächen (Variablen)

Antwort

Verwandte Themen