如何在Javascript中显示文本?

如何在Javascript中显示文本?,javascript,Javascript,我有一些函数和变量。我想在浏览器上以文本形式返回变量和函数结果 我所做的是制作了一个包含以下文本的HTML文件: <SCRIPT SRC="rockpaper.js"> </SCRIPT> 这是指这个javascript文件: var userChoice = prompt("Do you choose rock, paper or scissors?"); var computerChoice = Math.random(); if (computerChoice

我有一些函数和变量。我想在浏览器上以文本形式返回变量和函数结果

我所做的是制作了一个包含以下文本的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))
var userChoice=prompt(“您选择石头、布还是剪刀?”);
var computerChoice=Math.random();
如果(计算机选择<0.34){
computerChoice=“计算机选择岩石”;

}否则,如果(computerChoice页面上没有显示任何内容是正常行为,因为您没有告诉浏览器这样做

也许你想要这样的东西

document.body.innerHTML = compare(computerChoice, userChoice);
基本上,这个集合将主体的HTML设置为value并删除主体中当前的任何内容,或者

var generatedText = compare(computerChoice,userChoice), // 1
    myText = document.createTextNode( generatedText );  // 2
document.body.appendChild( myText );                    // 3
1行将获取生成的值并保存,第2行将在文档上创建文本元素,第3行将文本元素/节点附加到正文的末尾


这样就不会从文档中删除任何内容。

您打开浏览器控制台了吗?文本应该显示在那里。如果您使用的是Google Chrome,请在Tools/Developer Tools.console.log()中查找控制台,并将其输出到浏览器控制台(点击f12将其显示)。如果要在浏览器窗口中显示文本,则需要将返回值指定给var,然后执行document.write(var);如何将返回值分配给变量?谢谢。@BjarniJóhannsson如果您不知道什么是变量或如何使用它,那么可能您开始在错误的地方学习javascript。我差一点就知道了。使用document.write()我在浏览器中把两句话放在一起,但它们是紧接着写的。如何在它们之间添加缩进?(例如,如果我按enter键,不知道它叫什么)。谢谢。我会试试这些。你能简要解释一下这些属性吗?这些属性似乎都不会将文本添加到网页本身。我只是简单地复制粘贴它们,并将它们放在我的.js代码的末尾。@BjarniJóhannsson阅读了这些属性,它们是将html插入文档的最常用方法。