JavaScript（对象的练习，随机数）

梧桐舒适

于 2024-10-10 21:00:23 发布

阅读量126

点赞数 3

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/2301_81256766/article/details/142832036

版权

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

随机点名案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
//随机点名案例
        // 储存一个数组
        let arr = ['赵云', '黄忠', '关羽', '张飞', '马超', '刘备', '曹操'] 
        // 随机函数生存一个数字作为索引号
        let random = Math.floor(Math.random() *7) 
        //   将数组[随机数] 生成到页面中
        console.log(arr[random]);
        // 删除数组中抽取的索引号
        arr.splice(random,1)
            // 打印输出抽取的索引号的其他元素
        console.log(arr);
        
        
    </script>
</body>
</html>

猜数字游戏

猜1-10的随机数，让用户输入一个数，猜大了，猜小了，当猜对的时候退出程序，while死循环

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 生成一个1-10的随机数
        let random = Math.floor(Math.random() * 11)
        let flag = true
        while (flag) {
            let num = +prompt('请输入一个数')
            if (num > random) {
                alert('数字猜大了，继续猜')
            }else if(num < random){
                alert('数字猜小了，继续猜')
            }else if(num === random){
                alert('猜对了')
                flag = false 
                break
            }
        }
    </script>
</body>
</html>

生成随机颜色

用函数设定布尔值，当用户传入true，输出十六进制(#ffffff)，当用户传入false，输出rgb格式（rgb(255,255,255））

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 函数接收一个布尔类型参数
        function getRandom(flag = true){
            if(flag){
                 return `${q}`
            }else{
                //   false 
                return `rgb(${r},${g},${b})`
            }
        }

        // true
        // 拼接字符串，定义一个盒子存储字符串#，用拼接字符串
        let q = '#'
        // 因为#ffffff，有6个值，循环输出6次，然后字符串拼接
        for (let i = 0; i < 6; i++) {
        let arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f']
    //    生成数组中的随机数
        let index = Math.floor(Math.random() * arr.length)

            q += arr[index]
        }
        // 控制台输出#ffffff
    //    console.log(q);
       
        //  false
        //  获取0-255之间的随机数
        let r = Math.floor(Math.random() * 256)
        let g = Math.floor(Math.random() * 256)
        let b = Math.floor(Math.random() * 256)
 
        // 调用方法
        // 当用户没有输入布尔值时
         console.log(getRandom());
        //  当用户输入为false时
         console.log(getRandom(false));
        //  当用户输入为true时
         console.log(getRandom(true));
         
         
    </script>
</body>
</html>