Hinzufügen von mehr Wenn Anweisungen für ein einfaches JavaScript-Spiel

Question

Ich bin ein Neuling Lehre selbst, wie man einen Code durch udemy.com programmieren. Ich lerne gerade Javascript und als Projekt werden wir angewiesen, ein einfaches Javascript-Spiel zu erstellen. Im Grunde geben Sie eine Zahl ein, von der Sie denken, dass der Computer denkt. Wenn du die korrekte Zahl eingibst und auf "Submit" klickst, erscheint eine Box mit der Meldung "Yay! Genau so viele Finger halte ich!" oder wenn es nicht korrekt ist, wird es "Sorry das ist nicht korrekt, meine Nummer war .."

Das Problem ist, ich kann nicht herausfinden, wie Sie zusätzliche if-Anweisungen hinzufügen. Zum Beispiel versuche ich, eine Nachricht zu alarmieren, die besagt, dass "oops Sie eine Nummer eingeben müssen", wenn der Benutzer auf die Übermittlungsschaltfläche klickt, ohne eine Zahl oder einen Buchstaben in das Feld einzugeben. Und wenn sie die richtige Zahl von 0 erraten haben, wird die Warnmeldung "Das ist richtig, ich habe keine Finger oben!"

Hier ist der Code, der mir die beiden Anweisungen zu tun, erlaubt die ich oben richtig aufgeführt:

<p>How many fingers am I holding up?</p> 
<input id="answer"/> 
<button id="myButton"><strong>Submit</strong></button> 
<script type="text/javascript"> 
document.getElementById("myButton").onclick=function() { 
    var x=Math.random(); 
    x=6*x; 
    x=Math.floor(x); //use floor to get whole number 

    if (x==document.getElementById("answer").value) { 
     alert("Yay! That's exactly how many fingers I'm holding up!"); 
    } else { 
     alert("Sorry that's not correct! My number was" + x); 
    } 
} 
</script> 

Was mache ich falsch hier?

Vielen Dank im Voraus!

Answer 1

Hier ist ein überarbeitetes Skript, das Problem war mit der .value-Eigenschaft. Bitte arbeiten Sie an Ihrem Einzug.

Folgen Sie diesem Link für die vollständige Code JS fiddle

document.getElementById("myButton").onclick = function() { 
    var x = Math.random(); 
    var y = document.getElementById("answer"); 
    x = 6 * x; 
    x = Math.floor(x); //use floor to get whole number 

    if (y.value === "") { 
    alert("Oops, you need to enter a number!"); 
    } else if (x == y.value) { 
    if (x == 0) { 
     alert("That's right, I have no fingers up!"); 
    } else { 
     alert("Yay! That's exactly how many fingers I'm holding up!"); 
    } 
    } else { 
    alert("Sorry that's not correct! My number was " + x); 
    } 
} 

Answer 2

var x = Math.random(); 
x = 6*x; 
x = Math.floor(x); //use floor to get whole number 
var y = document.getElementById("answer").value; 

if(y == null){ 
    alert("Please enter a number"); 
}else{ 
    if (x == y) { 
     if(x == 0){ 
      alert("Yay! I'm not holding any fingers up!"); 

     }else{ 
      alert("Yay! That's exactly how many fingers I'm holding up!"); 
     } 
    } else {  
     alert("Sorry that's not correct! My number was" + x); 
    } 
}