JavaScript 显示数字

标签 javascript html

我对某件事有疑问。所以我写了下面的代码,但遇到了问题。我想要发生的是在计算机生成随机数(在脚本中)之后,我希望该数字在敏捷之后立即显示。抱歉,这很模糊,但我不确定如何解释我想要的内容。

<html>
<body>
<h4> Agility </h4>
<script>
function rollAFunction() {
document.getElementById("diceARoll").innerHTML = Math.floor(Math.random() * 20 + 1)
}
</script>
</body>
</html>

最佳答案

只需在 Agility 之后添加一个带有您要访问的 id 的跨度,然后调用函数来填充它即可。

  <html>
   <body>
   <h4> Agility <span id="diceARoll"></span></h4>
  <script>
function rollAFunction() {
  document.getElementById("diceARoll").innerHTML = Math.floor(Math.random() * 20 + 1)
  }

 rollAFunction();
 </script>
 </body>

关于JavaScript 显示数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32428886/

相关文章:

php - 在cpanel上将注释插入mysql数据库

javascript - 在事件处理程序中发送不带 XHR 的 http 请求

javascript - @media print 不尊重 Safari。在 Firefox 中工作正常

javascript - 进度条无法正确重置

css - Bootstrap 中不能出现 "pull-right"图标字形

html - 什么是使用图像映射生成器的好替代方法?

javascript - 使用具有带宽控制和动态轨道切换功能的Node.js流音频

javascript - 如何对依赖于外部库 "&lt;script src="http ://stripe[. ..] 的 API 进行单元测试

javascript - 自定义 Cursor 代码在 webkit 中带有一个黑色方 block 。我错过了什么吗?

jquery - 不支持的浏览器上的 html5 必需属性