Javascript 如何将函数结果写入<;h1>;元素?

Javascript 如何将函数结果写入<;h1>;元素?,javascript,html,css,dom,Javascript,Html,Css,Dom,我正在制作一个石头、布、剪刀的游戏,现在我正在尝试用h1元素打印结果。使用提供的代码,我将如何做到这一点?我的问题是,我不知道如何使函数的结果成为元素。现在,结果返回一个基本的元素。 index.html 石头剪子布 style.css 正文{ 背景:#f5; } 输入{ 宽度:150px; 高度:150像素; 边界半径:50%; 边框:黑色; } index.js var rock=“rock”; var paper=“纸张”; var scissors=“剪刀”; var ai=Mat

我正在制作一个石头、布、剪刀的游戏,现在我正在尝试用h1元素打印结果。使用提供的代码,我将如何做到这一点?我的问题是,我不知道如何使函数的结果成为
元素。现在,结果返回一个基本的
元素。
index.html


石头剪子布
style.css

正文{
背景:#f5;
}
输入{
宽度:150px;
高度:150像素;
边界半径:50%;
边框:黑色;
}
index.js

var rock=“rock”;
var paper=“纸张”;
var scissors=“剪刀”;
var ai=Math.random()*2;
var aib=数学地板(ai);
var aia;
交换机(aib){
案例0:
aia=“岩石”;
打破
案例1:
aia=“纸张”;
打破
案例2:
aia=“剪刀”;
}
功能rps(p1、p2){
var win2=“获胜者是p2”;
var win1=“获胜者是p1”;
var draw=“这是一场平局”
如果(p1=“岩石”和p2=“纸张”)
返回win2;
如果(p1=“纸张”和p2=“岩石”)
returrockSelecn1;
如果(p1=“岩石”和p2=“剪刀”)
返回win1;
如果(p1=“剪刀”和p2=“石头”)
返回win2;
如果(p1=“纸”和p2=“剪刀”)
返回win2;
如果(p1=“剪刀”和p2=“纸”)
返回win1;
如果(p1=“纸”&&p2=“纸”| p1=“石头”&&p2=“石头”| p1=“剪刀”&&p2=“剪刀”| p1=“石头”&&p2=“石头”)
回采;
}
var rockResult=rps(rock,aia);
函数rockSelec(){
返回文件。编写(rps(rock,aia))
}
函数paperSelec(){
返回文件。书写(rps(纸质,aia))
}
函数scisSelec(){
返回文件。编写(rps(剪刀,aia))
}

我不想对我的代码做太多的更改,因为我对所有内容都有一套想法。

如果您想在此处的任何元素之间显示内容(h1),可以使用以下方法

首先,您需要将h1元素引用到JavaScript文件,如下所示

const refer = document.getElementById('winner');
然后,通过使用innerText或innerHTML属性,可以将结果添加到h1元素中

eg: refer.innerText = <variable name which contains your result >
eg:refere.innerText=

返回文档。写(''.rps(剪刀,友邦保险)。'')
也许吧?它不适合我。我得到了一个错误:“应该是identifier”。@ceejayoz这不是一个有效的javascript语法,我猜你把php和javascript@HaoWu你说得对,把我的字符串concat操作符搞混了。嘿。
document.write()
不应在页面加载后使用。你最好忘记它的存在,学习其他更现代的插入和操作方法,但是@ceejayoz回答得更好。我更喜欢使用
''+variable+'
方法。但仍然是一个喜欢和接受,因为没有人想回答。