html指定區間隨機數字?

<請益厲害的朋友>
使用html，指定數字區間<例如300-3500>的隨機數字(數字可調整大小、粗細和顏色)呢?

*不需要按鈕，放入html可直接產生300~3500間的隨機數字在網頁上。

// 核心代码
const rangeRandom = (min, max) =>  ~~(Math.random() * (max - min + 1)) + min
rangeRandom(300, 3500)

img

完整代码



<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
            /* 样式可以根据自己需求去修改 */
      .small {
                color: rgb(61, 194, 121);
                font-size: 35px;
      }
            .middle {
                color: rgb(228, 182, 56);
                font-size: 40px;
                font-weight: 600;
            }
            .big {
                color: red;
                font-size: 45px;
                font-weight: 900;
            }
    </style>
  </head>
  <body>
    <div id="num"></div>
    <script>
      const rangeRandom = (min, max) => ~~(Math.random() * (max - min + 1)) + min
            const num = rangeRandom(300, 3500)
            const el = document.querySelector("#num")
            el.innerHTML = num
            // 小于 1000 用 small 样式
            // 1000 ~ 2800 用 middle 样式
            // 大于 2800 用 big 样式
            el.classList = num < 1000 ? 'small' : ( num < 2800 ? 'middle' : 'big')

    </script>
  </body>
</html>