Wenn Nummer ist = bis 25

Question

Ich möchte ein Textfeld haben, dass ein Benutzer eine Nummer eingeben kann und wenn die Nummer korrekt ist zeigt das "Bild a" und wenn falsch "Bild b" unter dem Textfeld i wollen, dass sie so viele Versuche haben, wie sie wollen, um es richtig zu machen. Das Einzige, was ich bisher gefunden habe, ist das?

traurig über den Mangel an Erfahrung Jungs :(

var my_string = prompt("Please enter a number",""); 
document.write(my_string) 
if(isNaN(my_string)){ 
document.write ("this is not a number "); 
}else{document.write ("this is a number "); 
} 

Answer 1

Der Benutzer eingeben Zeichen, so dass Sie müssen Strings vergleichen. Sie erhalten begonnen kann den Operator === verwenden, der die Gleichheit überprüft, Sie müssen mit der Zeichenkette "25" überprüfen

Um das Bild anzuzeigen, müssen Sie den Bildern in HTML eine ID geben. Danach können Sie das Element in JavaScript mit document.getElementById("some_id") abrufen. Das Anzeigen/Verbergen erfolgt mit element.style.display = "block" vs "none".

Answer 2

Dies wird Ihnen

var my_string = prompt("Please enter a number",""); 
document.write(my_string); 

if(my_string === '25'){ 
    document.write('Yesss'); 
} else { 
    document.write('Wrong'); 
} 

Answer 3

Heres Code Sniplet:

<script type="text/javascript"> 
function check_number() 
{ 
    var num = document.getElementById('input_number').value; 
    var img = num == '25' ? 'good.png' : 'bad.png'; 
    document.getElementById('result_image').src = img; 
    document.getElementById('result').style.display = 'block'; 
} 
</script> 

<input type="text" id="input_number" 
<input type="submit" onclick="check_number();return false;"> 

<div id="result" style="display:none;"> 
    <img src="blank.png" alt="" id="result_image"> 
</div>