Just nu i M3-nätverket
Gå till innehåll

Välja mellan 2 knappar och skriva ut svaret


Jompan

Rekommendera Poster

Jag har en webbsida där jag ska välja mellan 2 knappar (slumpa) och skriva ut vilket val jag gjort.

Så här är min js-kod:

var nr1Tag, nr2Tag, chooseTag;

function init() {
	nr1Tag = document.getElementById("btn1");
	nr2Tag = document.getElementById("btn2");
} 
window.onload = init;


function chooseKnapp(nr) {
	var nr, chooseTag;
	nr = nr1Tag, nr2Tag;
	if (nr = nr1Tag) chooseTag = "Du har valt röda bollar";
	if (nr = nr2Tag) chooseTag = "Du har valt gröna bollar"
	{	
	document.getElementById("textSelection").innerHTML = chooseTag;
	}
} 

HTML-koden ser ut så här:

<p>Klicka på den färg som du tror det blir flest bollar av.</p>
<div id="btnPanel">
	<button id="btn1" onclick="chooseKnapp()">Röd</button>
	<button id="btn2" onclick="chooseKnapp()">Grön</button>
	<span id="textSelection"></span>
</div>

Jag får bara svaret 'röda bollar' i båda alternativen.

 

Vad har jag gjort för fel?

 

// Jompan

Länk till kommentar
Dela på andra webbplatser

Utgår från att det är du (dvs. beökaren) som ska slumpa i sitt val av knapp och inte scriptet?

<script>
function chooseKnapp(nr) {
	if (nr == "btn1") chooseTag = "Du har valt röda bollar";
	if (nr == "btn2") chooseTag = "Du har valt gröna bollar"
	{	
	document.getElementById("textSelection").innerHTML = chooseTag;
	}
}
</script>
<p>Klicka på den färg som du tror det blir flest bollar av.</p>
<div id="btnPanel">
	<button id="btn1" onclick="chooseKnapp(this.id)">Röd</button>
	<button id="btn2" onclick="chooseKnapp(this.id)">Grön</button>
	<span id="textSelection"></span>
</div>
Länk till kommentar
Dela på andra webbplatser

Nu vet jag inte vad jag gjort, men så här ser koden ut nu:

var nr1Tag, nr2Tag, chooseTag;

function init() {
	nr1Tag = document.getElementById("btn1");
	nr2Tag = document.getElementById("btn2");
} 
window.onload = init;

function chooseKnapp(nr) {
	var nr, chooseTag;
	nr = nr1Tag, nr2Tag;
	if (nr == nr1Tag) chooseTag = "Du har valt röda bollar";
	if (nr == nr2Tag) chooseTag = "Du har valt gröna bollar";
	{	
	document.getElementById("textSelection").innerHTML = chooseTag;
	}
} 
<p>Klicka på den färg som du tror det blir flest bollar av.</p>
<div id="btnPanel">
	<button id="btn1" onclick="chooseKnapp(this.id)">Röd</button>
	<button id="btn2" onclick="chooseKnapp(this.id)">Grön</button>
	<span id="textSelection"></span>
</div>

Och då blir resultatet "rött" i båda knappvalen.

Länk till kommentar
Dela på andra webbplatser

Ok, mitt exempel är väldigt avskalat (därmed kanske inte helt korrekt") men fungerar så vitt jag kan se. 

<!DOCTYPE html>
<html lang="en">
   <head></head>
   <body>
      <p>Klicka på den färg som du tror det blir flest bollar av.</p>
      <div id="btnPanel">
         <button id="btn1" onclick="chooseKnapp(this.id)">Röd</button>
         <button id="btn2" onclick="chooseKnapp(this.id)">Grön</button>
         <span id="textSelection"></span>
      </div>
   </body>
   <script>
      function chooseKnapp(nr) {
         if (nr == "btn1") chooseTag = "Du har valt röda bollar";
         if (nr == "btn2") chooseTag = "Du har valt gröna bollar"
         {   
         document.getElementById("textSelection").innerHTML = chooseTag;
         }
      }
   </script>
</html>
Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...