搜索到
146
篇与
的结果
-
81、随机颜色案例 <!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> </head> <body> <script> // 1.自定义一个随机颜色函数 function getRandomColor(flag){ //flag = true // 3.如果是true 则返回 #ffffff if(flag){ let str = "#" let arr = ['0','1','2','3','4','5','6','7','9','a','b','c','d','e','f'] // 利用for循环随机抽6次，累加到str里面 for (let i = 1; i <=6; i++){ // 每次要随机从数组里面抽取一个 // random 是随机的索引号 let random = Math.floor(Math.random() * arr.length) str += arr[random] } }else{ // 4.否则是 false 则返回rgb(255,255,255) let r = Math.floor(Math.random() * 256) let g = Math.floor(Math.random() * 256) let b = Math.floor(Math.random() * 256) return `rgb(${r},${g},${b})` } } // 2.调用函数 getRandomColor(布尔值) console.log(getRandomColor(false)) console.log(getRandomColor(true)) const body = document.querySelector('body') body.style.backgroundColor = getRandomColor() </script> </body> </html> -
80、猜数字游戏设置次数 <!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> </head> <body> <script> // 1、随机生成一个数字 1~10 function getRandom(N, M){ return Math.floor(Math.random() * (M - N + 1)) + N } let random = getRandom(1, 10) // 2.设定三次 三次没猜对就直接退出 let flag = true //开关变量 for(let i = 1; i <= 3; i++){ let num =+prompt('请输入1~10之间的一个数字：') if(num > random){ alert('猜大了，继续猜') }else if(num < random){ alert('猜小了，继续猜') }else{ flag = false alert('猜对了，点击确定进入') break } } // 写到for的外面来 if(flag){ alert('次数已经用完') } </script> </body> </html>
-
79、猜数字游戏 <!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> </head> <body> <script> // 1、随机生成一个数字 1~10 function getRandom(N, M){ return Math.floor(Math.random() * (M - N + 1)) + N } let random = getRandom(1, 10) console.log(random) // 需要不断的循环 while(true){ // 2.用户输入一个值 let num = +prompt('请输入你猜的数字:') // 3.判断输出 if(num > random){ alert('猜大了') }else if(num < random){ alert('猜小了') }else{ alert('猜对了') break //退出循环 } } </script> </body> </html>
-
78、随机点名案例 <!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> </head> <body> <script> let arr = ['赵云', '黄忠', '关羽', '张飞', '马超', '刘备', '曹操'] let random = Math.floor(Math.random() * arr.length) // console.log(arr[random]) document.write(arr[random]) //3.splice(起始位置(下标),删除几个元素) arr.splice(random, 1) console.log(arr) </script> </body> </html>
-
77、随机数函数 <!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> </head> <body> <script> // 左闭右开 能取到0但取不到1 中间的随机一个小数 // console.log(Math.random()) // 0~10 之间的整数 // console.log(Math.floor(Math.random() * 11)) // let arr = ['red', 'green', 'blue'] // let random = Math.floor(Math.random() * arr.length) //3 // console.log(random) // console.log(arr[random]) // 取到 N ~ M 的随机函数 function getRandom(N, M){ return Math.floor(Math.random() * (M - N + 1)) + N } console.log(getRandom(4, 8)) </script> </body> </html>
