在引导颜色框中显示JS脚本结果

Question

我想在CSS引导色框中通过JS计算显示随机数，如下所示。如何通过在引导彩色框中添加以下JS计算来构造代码？？

引导带中的彩色框代码：

<div class="row align-items-center number-row">
  <div class="col-5"> </div>
  <div class="col-2 p-3 mb-2 bg-secondary text-white">327</div>
  <div class="col-5"> </div>
</div>

JS代码：

<h2>JavaScript Math</h2>

<p id="demo"></p>

<script>
    function maths 
    let x = Math.floor((Math.random() * 1000) + 1);
    document.getElementById("demo").innerHTML = x;
</script>

CSS色盒

Answer 1

您正在设置p标记的值。为所需的颜色框更改该标记：

<h2>JavaScript Math</h2>

<div class="row align-items-center number-row">
  <div class="col-5"> </div>
  <div id="demo" class="col-2 p-3 mb-2 bg-secondary text-white"></div>
  <div class="col-5"> </div>
</div>

同样的JavaScript：

let x = Math.floor((Math.random() * 1000) + 1);
document.getElementById("demo").innerHTML = x;