2 svar · 1 249 visningar · startad av Jompan
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;
}
}
Och så här ser HTML-koden ut:
<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
Du använder enkelt likhetstecken för jämförelse, men det ska vara dubbla. Enkelt likhetstecken används för tilldelning.
if (nr == nr1Tag)
Edit:
Ser att jag var lite för snabb... ovanstående gäller fortfarande, men det finns fler knasigheter.
nr = nr1Tag, nr2Tag;
Den raden förstår jag inte alls vad du vill göra med...?
nr sätts som argument till funktionen, men du skickar inte med några argument vid anropen.
<script>
var nr1Tag, nr2Tag, chooseTag;
function init() {
nr1Tag = document.getElementById("btn1");
nr2Tag = document.getElementById("btn2");
}
window.onload = init;
function chooseKnapp(nr) {
var nr, chooseTag;
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;
}
}
</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)">Röd</button>
<button id="btn2" onclick="chooseKnapp(this)">Grön</button>
<span id="textSelection"></span>
</div>