Der er fejl i mit javascript. HJÆLP!
Jeg kan ikke få mit script til at virke. Ovnen og keksen skal give point til den samme input, men det gør den ikke her. Teksten til ovnen skulle meget gerne være rød når der i input står mindre end 50 og grøn når der er mere.Kan i hjælpe?
Scriptet:
<script>
function keksKlik(){
document.getElementById("clicked").value = ++klikAntal;
}
function ovnKlik(){
document.getElementById('clicked').value = ++ovnAntal;
document.getElementById('clickedovn').value = ++ovnAntal1;
return ("keksKlik()")
}
if (document.getElementById('clicked').value < 50) {
document.getElementById('ovnetekst').style.color="red"
}else{
document.getElementById('ovnetekst').style.color="green"
}
</script>
<input style="cursor:default; font-family:monospace; font-size:20px;" id="clicked" size="13" onfocus="this.blur();" value="0">
<div id="ovnrigtig" style="cursor:pointer; opacity:1; position:absolute; left:19%; top:10px;">
<input style="cursor:default; position:absolute; top:415px; left:50px;" id="clickedovn" size="5" onfocus="this.blur();" value="0">
<a id="ovne" onclick="ovnKlik();">
<img src="http://www.idenyt.dk/Global/Denmark/Boligen/1110/nthh_ovn.jpg"
style="width:150px;
height:65px;
position:absolute;
top:440px;" />
<center>
<h3 style="font-family:monospace; position:absolute; top:489px; width:200px; left:-25px; color:green;">OVN 50 Keks</h3>
</center>
</a>
</div>
<div id="keksen">
<button name="button" class="click-tracking" onclick="keksKlik();" style="background:transparent; border:none !important; font-size:0; position:absolute; top:-10px;">
<img
style="width:260px;
height:250px;
position:absolute;
top:100px;
left:4000%;
cursor:pointer;
border-radius:200%;" src="http://imageshack.us/a/img853/298/keks.png">
</img>
</button>
</div>
Tak på forhånd.