Question

我可以在我的网站上弹出提示，但是当我执行console.log或在javascript中返回时，它不会在我的网站上打印出来。

我的网站是www.caelanbacon.com

这是我的代码：

<!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>

Answer 1

我想你想动态地在你的html中添加文字。所以在你的html中添加id = p1的空段落标记。即 <p id="p1"></p> 现在添加此脚本 document.getElementById('p1').innerhtml= "Your text"

现在，您可以动态地在html中添加文本，而不是写入控制台。

Answer 2

要将结果放入页面，您必须使用JavaScript来获取（或创建）要填充的元素，然后在结果中添加结果，将它们注入到DOM（网站的文档对象模型）中。元件。

这可能会对您有所帮助：

http://www.w3schools.com/js/js_htmldom_nodes.asp。这是关于使用JavaScript进行DOM操作的大型教程的一部分，可以在此处找到：http://www.w3schools.com/js/js_htmldom.asp

为什么我不能使用我的javascript（Rock，Paper，Scissors游戏）在我的网站上显示输出？

2 个答案: