随机点名案例
<!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 = truewhile (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>