Javascript 将字符串/结果从JS发送到HTML页面

我正在做一个简单的石头、布、剪刀的HTML+JS游戏

以下是完整的代码（CSS、JS、HTML）： （我想，经过这里太久了）。在这里，您可以通过图片看到：

如您所见，.math模块可以工作，当您选择岩石、纸张或剪刀时，计算机会随机化选择

但是，我现在想在计算机/显示器下面有一个文本字符串，我想知道最简单的方法是什么。我希望它要么说你赢了！否则你就输了

我开始做一个类似这样的函数：

function theWinnerIs(userChoice, computerChoice) {

    if (userChoice === computerChoice ) {
        return 'No winner, it is a draw';
    }

    if ((userChoice === 'rock') && (computerChoice === 'scissor')) {
        return 'human';
    }
    if ((userChoice === 'rock') && (computerChoice === 'paper')) {
        return 'computer';
    }

    if ((userChoice === 'paper') && (computerChoice === 'scissor')) {
        return 'computer';
    }
    if ((userChoice === 'paper') && (computerChoice === 'rock')) {
        return 'human';
    }

    if ((userChoice === 'scissor') && (computerChoice === 'rock')) {
        return 'computer';
    }
    if ((userChoice === 'scissor') && (computerChoice === 'paper')) {
        return 'human';
    }

}

将返回发送到索引文件的最简单方法是什么？你赢了！否则你就输了

---

感谢您的帮助。

如果s，则无需使用此

块-这里有一个非常紧凑的替代方案：

var choices = { rock: -1, paper: 0, scissors: 1 };
var score   = choices[userChoice] - choices[computerChoice];
score       = score - (score/2|0) * 3;

。。。如果用户输了这一轮，您将得到
-1
，如果他们赢了，
1
，如果是平局，
0

现在，您可以通过填充其innerHTML属性将输出发送到任何准备好的容器：

var results = {
  '-1': 'YOU LOSE',
   '1': 'YOU WIN',
   '0': 'IT\'S A DRAW'   
};
var resultContainer = document.getElementById('result');
resultContainer.innerHTML = results[score];

下面是对这两个概念的说明。
据我所知，您希望根据“theWinnerIs”方法的结果显示一些文本。我建议您在页面上创建一个div，并使用JavaScript设置其内容。然而，有很多方法可以实现你的目标

因此，您希望在页面中添加一个div，类似于
。然后，您可以使用以下内容更新此处的文本

var outputElement = document.getElementById("output");
outputElement.innerHTML = theWinnerIs(userChoice, computerChoice);

下面是透视图的代码示例，不过raina77ow的解决方案要好得多。
Hi！非常感谢您的帮助，该代码片段看起来非常整洁！我试着应用它，但后来游戏停止了。我试图在.html文件中实现这一点：
在一个div中。这是错误的吗？但是游戏在之后停止工作-控制台输出是什么？它只是停止工作，当我按下任何图标时都不会发生任何事情。有了控制台输出，你是说在JSlint上运行代码吗？JSlint当然不会有什么坏处，但我实际上指的是浏览器的控制台（通常在按下
F12
时打开）。