Warum kann ich mein Javascript (Rock, Paper, Scissors Spiel) nicht bekommen, um die Ausgaben auf meiner Website zu zeigen?

Ich kann Aufforderungen zu Popup auf meiner Website bekommen, aber wenn ich console.log oder Rückgabe in Javascript es nicht auf meiner Website ausdrucken.Warum kann ich mein Javascript (Rock, Paper, Scissors Spiel) nicht bekommen, um die Ausgaben auf meiner Website zu zeigen?

Meine Website ist www.caelanbacon.com

Hier ist mein Code:

<!doctype html> 
<html> 
<head> 
    <title>Caelan Bacon</title> 
</head> 
<body> 

<script type="text/javascript"> 

var userChoice = prompt ("rock, paper, or scissors?"); 

while (userChoice !== "rock" && userChoice !== "paper" && userChoice !== "scissors") { 
console.log("Invalid submission."); 
userChoice = prompt("Try again?"); 
} 



var computerChoice = Math.random(); 



if (computerChoice < 0.34) { 
    console.log = "rock"; 
} else if(computerChoice < 0.66) { 
    console.log = "paper"; 
} else { 
    console.log = "scissors"; 
} 


var choice1 = userChoice; 
var choice2 = computerChoice; 

console.log("You chose " + choice1); 
console.log("System: " + choice2); 


var compare = function (choice1, choice2) {//start function 

    if (choice1 === choice2) { 
     return "The result is a tie!"; 


    } else if (choice1 === "rock") { 
     if (choice2 === "scissors") { 
      return "rock wins"; 
     } else { 
      return "paper wins"; 
     } 
    } else if (choice1 === "paper") { 
     if (choice2 === "rock") { 
      return "paper wins"; 
     } else { 
      return "scissors wins"; 
     } 
    } else { 
     if (choice2 === "paper") { 
      return "scissors wins"; 
     } else { 
      return "rock wins"; 
     } 
    } 

}//end function 

compare(userChoice,computerChoice); 

</script> 



<footer> 
    &copy; CaelanBacon.com 2016. All rights reserved. 
</footer> 
</body> 

</html>

Quelle

2016-05-09 Bacon

'console.log' schreibt nicht auf Ihre Seite. Es schreibt auf Ihre Konsole. Drücke F12, um deine Konsole zu öffnen. Ich schlage vor, Sie damit vertraut zu machen, weil es das wertvollste Debugging-Tool ist, das Sie haben. –

@MikeC haben control + shift + j seit Jahren verwendet, wusste nicht, dass es eine kürzere Abkürzung gab, danke :) – juvian

@Mike C - Ich bin verwirrt. Ich bin auf Mac (MacBook Pro OSX) und F12 ist ein Sound-Key, und die Funktion Teil davon geht nur zum Armaturenbrett ... Was fehlt mir? Ich fühle mich dumm. – Bacon

Ich denke, Sie möchten Text in Ihrem HTML dynamisch hinzufügen. Also fügen Sie ein leeres Absatz-Tag mit id = p1 in Ihrem HTML ein. das heißt <p id="p1"></p> Jetzt dieses Skript hinzufügen document.getElementById('p1').innerhtml= "Your text"

Anstatt nun auf die Konsole schreiben, können Sie Text in Ihre html dynamisch hinzufügen.

Quelle

2016-05-09 17:11:03 MUT

Ihre Ergebnisse in die Seite legen Sie sie in das DOM (Document Object Model Ihrer Website) zu injizieren Verwenden Sie JavaScript, um das Element zu erhalten (oder zu erstellen), das Sie füllen möchten, und fügen Sie dann die Ergebnisse innerhalb dieses Elements hinzu. Dies kann Sie

helfen:

http://www.w3schools.com/js/js_htmldom_nodes.asp. Es ist Teil eines größeren Tutorials zur DOM-Manipulation mit JavaScript, das Sie hier finden: http://www.w3schools.com/js/js_htmldom.asp

Quelle

2016-05-09 17:03:40 haltersweb

Ich würde wahrscheinlich W3Schools und stattdessen vermeiden Verwenden Sie MDN oder Quirksmode, persönliche Vorlieben :) Siehe auch http://www.w3fools.com/ – timothyclifford

Ja, ich weiß, dass viele Leute so fühlen. W3Schools ist nicht umfassend, aber ich finde für Neulinge, dass es eine leicht verständliche Oberfläche hat. Auch als jemand mit ADD finde ich es einfacher, w3schools zu lesen als MDN (obwohl ich MDN für umfassendere Informationen verwende) oder Quirksmode. Danke für den Tipp auf w3fools.com. Ich werde es mir ansehen. – haltersweb

Warum kann ich mein Javascript (Rock, Paper, Scissors Spiel) nicht bekommen, um die Ausgaben auf meiner Website zu zeigen?

Antwort

Verwandte Themen