如何在Javascript中显示文本?

问题描述 投票:0回答:1

我有一些功能和一些变量。我想在我的浏览器返回一个变量和函数的结果为文本。

我所做的是我与文本中的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网站,虽然。

javascript
1个回答
0
投票

没有被显示在页面上是正常的行为看到,因为你还没有告诉浏览器这样做。

也许你想这样的事情。

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行,将文本元件/节点附加到主体的端部创建文本元素。

这样,没有什么是从文档中删除。

© www.soinside.com 2019 - 2024. All rights reserved.