为什么我的javascript不能与网页交互？_Javascript_Dom

为什么我的javascript不能与网页交互？

javascript dom

为什么我的javascript不能与网页交互？,javascript,dom,Javascript,Dom,我创建了一个随机数生成器，并使用document.querySelector（“#score-0”）将它与我网页中的一个ID链接起来；但它不与网页交互以下是指向JSBIN中html css和js代码的链接： /*eslint禁用*/ var分数、roundScore、activePlayer、骰子；得分=[0,0]；总分=0； activePlayer=0； dice=Math.floor（Math.random（）*6）+1；控制台日志（骰子）； document.querySele

我创建了一个随机数生成器，并使用document.querySelector（“#score-0”）将它与我网页中的一个ID链接起来；但它不与网页交互

以下是指向JSBIN中html css和js代码的链接：

/*eslint禁用*/
var分数、roundScore、activePlayer、骰子；
得分=[0,0]；
总分=0；
activePlayer=0；
dice=Math.floor（Math.random（）*6）+1；
控制台日志（骰子）；
document.querySelector（“#score-0”）.textContent=dice
/**********************************************
***一般的
**********************************************/
.期末成绩{
位置：绝对位置；
左：50%；
转化：translateX（-50%）；
顶部：520px；
颜色：#555；
字号：18px；
字体系列：“Lato”；
文本对齐：居中；
填充：10px；
宽度：160px；
文本转换：大写；
}
.最终分数：焦点{大纲：无；}
#骰子-1{top:120px；}
#骰子-2{top:250px；}
* {
保证金：0；
填充：0；
框大小：边框框；
}
.clearfix:：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
身体{
背景图像：线性渐变（rgba（62,20,20,0.4），rgba（62,20,20,0.4）），url（back.jpg）；
背景尺寸：封面；
背景位置：中心；
字体系列：Lato；
字体大小：300；
位置：相对位置；
高度：100vh；
颜色：#555；
}
.包装纸{
宽度：1000px；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
背景色：#fff；
盒影：0px 10px 50px rgba（0,0,0,0.3）；
溢出：隐藏；
}
.player-0-panel，
.player-1-panel{
宽度：50%；
浮动：左；
高度：600px；
填充：100px；
}
/**********************************************
***球员
**********************************************/
.玩家名称{
字体大小：40px；
文本对齐：居中；
文本转换：大写；
字母间距：2px；
字号：100；
边缘顶部：20px；
边缘底部：10px；
位置：相对位置；
}
.球员得分{
文本对齐：居中；
字号：80px；
字号：100；
颜色：#EB4D；
边缘底部：130像素；
}
.active{背景色：#f7f7f7；}
.active.player名称{字体重量：300；}
.active.player名称：：之后{
内容：“\2022”；
字体大小：47px；
位置：绝对位置；
颜色：#EB4D；
顶部：-7px；
右：10px；
}
.播放器当前框{
背景色：#EB4D；
颜色：#fff；
宽度：40%；
保证金：0自动；
填充：12px；
文本对齐：居中；
}
.播放器当前标签{
文本转换：大写；
边缘底部：10px；
字体大小：12px；
颜色：#222；
}
.球员当前得分{
字体大小：30px；
}
钮扣{
位置：绝对位置；
宽度：200px；
左：50%；
转化：translateX（-50%）；
颜色：#555；
背景：无；
边界：无；
字体系列：Lato；
字体大小：20px；
文本转换：大写；
光标：指针；
字体大小：300；
过渡：背景色0.3s，颜色0.3s；
}
按钮：悬停{font-weight:600；}
按钮：悬停i{右边距：20px；}
按钮：焦点{
大纲：无；
}
我{
颜色：#EB4D；
显示：内联块；
右边距：15px；
字体大小：32px；
线高：1；
垂直对齐：文本顶部；
利润上限：-4px；
过渡：边缘0.3s；
}
.btn新{top:45px；}
.btn卷{top:403px；}
.btn保持{top:467px；}
.骰子{
位置：绝对位置；
左：50%；
顶部：178px；
转化：translateX（-50%）；
高度：100px；
盒影：0px 10px 60px rgba（0,0,0,0.10）；
}
.winner{背景色：#f7f7f7；}
.winner.player name{font-weight:300；color:#eb4d；}

猪游戏
玩家1
43
现在的
11
玩家2
72
现在的
0
新游戏
掷骰子
持有
在滚动
按钮中单击一次

事件，您将丢失。加上这一点，它就会起作用：

var分数、roundScore、activePlayer、骰子；
得分=[0,0]；
总分=0；
activePlayer=0；
功能辊（）{
调试器
dice=Math.floor（Math.random（）*6）+1；
控制台日志（骰子）；
document.querySelector（“#score-0”）.textContent=dice；
}
//初卷
滚动（）
。最终分数{
位置：绝对位置；
左：50%；
转化：translateX（-50%）；
顶部：520px；
颜色：#555；
字号：18px；
字体系列：“Lato”；
文本对齐：居中；
填充：10px；
宽度：160px；
文本转换：大写；
}
.最终分数：焦点{大纲：无；}
#骰子-1{top:120px；}
#骰子-2{top:250px；}
* {
保证金：0；
填充：0；
框大小：边框框；
}
.clearfix:：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
身体{
背景图像：线性渐变（rgba（62,20,20,0.4），rgba（62,20,20,0.4）），url（back.jpg）；
背景尺寸：封面；
背景位置：中心；
字体系列：Lato；
字体大小：300；
位置：相对位置；
高度：100vh；
颜色：#555；
}
.包装纸{
宽度：1000px；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
背景色：#fff；
盒影：0px 10px 50px rgba（0,0,0,0.3）；
溢出：隐藏；
}
.player-0-panel，
.player-1-panel{
宽度：50%；
浮动：左；
高度：600px；
填充：100px；
}
/**********************************************
***球员
**********************************************/
.玩家名称{
字体大小：40px；
文本对齐：居中；
文本转换：大写；
信温泉酒店
<head>
     ...
     <script src="your/script.js" defer></script>
</head>