我有一些功能和一些变量。我想在我的浏览器返回一个变量和函数的结果为文本。
我所做的是我与文本中的HTML文件:
<SCRIPT SRC="rockpaper.js">
</SCRIPT>
这指的是这个JavaScript文件:
var userChoice = prompt("Do you choose rock, paper or scissors?");
var computerChoice = Math.random();
if (computerChoice < 0.34) {
computerChoice = "Computer chooses rock";
} else if(computerChoice <= 0.67) {
computerChoice = "Computer chooses paper";
} else {
computerChoice = "Computer chooses scissors";
}
console.log(computerChoice);
var compare = function(choice1,choice2)
{
if(choice1===choice2)
{
return("The result is a tie!");
}
if(choice1==="Computer chooses rock")
{
if(choice2==="scissors")
{
return("rock wins");
}
else
{
return("paper wins");
}
}
if(choice1==="Computer chooses paper")
{
if(choice2==="rock")
return("paper wins");
else
{
return("scissors wins");
}
}
if(choice1==="Computer chooses scissors")
{
if(choice2==="rock")
{
return("rock wins");
}
else
{
return("scissors wins");
}
}
}
console.log(compare(computerChoice,userChoice))
然而,当我用浏览器打开它,文本不显示,但提示一样。
它工作正常,在Codecademy网站,虽然。
没有被显示在页面上是正常的行为看到,因为你还没有告诉浏览器这样做。
也许你想这样的事情。
document.body.innerHTML = compare(computerChoice, userChoice);
基本上,这一套是机体对于价值的HTML和身体目前去除任何东西,或
var generatedText = compare(computerChoice,userChoice), // 1
myText = document.createTextNode( generatedText ); // 2
document.body.appendChild( myText ); // 3
将在第1行得到的生成的值并保存,在第2行将在原稿和第3行,将文本元件/节点附加到主体的端部创建文本元素。
这样,没有什么是从文档中删除。