随机点名经典案例（Math）

最新推荐文章于 2023-11-16 23:59:17 发布

你想要那颗糖

最新推荐文章于 2023-11-16 23:59:17 发布

阅读量312

点赞数 1

分类专栏： JavaScript 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_50260510/article/details/129670079

版权

JavaScript 专栏收录该内容

61 篇文章 2 订阅

订阅专栏

上网课时，经常会用到随机点名的工具，想知道是怎么做到的吗？快来看看吧！

需求：请把 ['赵云', '黄忠', '关羽', '张飞', '马超'] 随机显示一个名字到页面中

<!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>随机点名经典案例</title>
    <!-- 需求：请把 ['赵云', '黄忠', '关羽', '张飞', '马超'] 随机显示一个名字到页面中 
    利用 random 随机生成一个数字（整数）作为索引号
    数组[随机数] 生成到页面中-->
</head>
<body>
    <script>
        // Math生成任意范围随机数的公式
        // console.log(Math.floor (Math.random() *(两数的差值 + 1)) + 两数的起点)

        let names =  ['迪丽热巴', '古力娜扎', '哈妮克孜', '佟丽娅', '热依扎']
        let random = Math.floor(Math.random() * names.length)
        console.log(names[random])



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