1.3 16进制随机颜色，题目描述：使用Math对象，制作一个16进制的随机颜色题目提示：16进制包括 “ 0 1 2 3 4 5 6 7 8 9 A B C D E F ”例： “#f23a4

最新推荐文章于 2022-04-15 13:55:42 发布

不甘_

最新推荐文章于 2022-04-15 13:55:42 发布

阅读量504

点赞数 1

分类专栏：笔记 # JS笔记文章标签：前端 javascript css html java

本文链接：https://blog.csdn.net/qq_57731353/article/details/122970382

版权

笔记同时被 2 个专栏收录

42 篇文章 0 订阅

订阅专栏

JS笔记

35 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>1.3 16进制随机颜色，
题目描述：使用Math对象，制作一个16进制的随机颜色
题目提示：16进制包括 “ 0 1 2 3 4 5 6 7 8 9 A B C D E F ”
例： “#f23a4b
    <div style="width:200px;height: 200px" id="random">66</div>
<script>
    var arr=[0,1,2,3,4,5,6,7,8,9,"A","B","C","D",'E',"F"]
    var color="#"

    for ( var i=0;i<6;i++){
        var str=arr[parseInt(Math.random()*arr.length)]
        color=color+str
        console.log(color)  //打印从数组中获得的随机数
    }
    var div=document.getElementById("random")   //获取div标签对象
    div.style.backgroundColor=color         //给bgc设置赋值
</script>

</body>
</html>

不甘_

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1.3 16进制随机颜色，题目描述：使用Math对象，制作一个16进制的随机颜色题目提示：16进制包括 “ 0 1 2 3 4 5 6 7 8 9 A B C D E F ”例： “#f23a4

1.3 16进制随机颜色，题目描述：使用Math对象，制作一个16进制的随机颜色题目提示：16进制包括 “ 0 1 2 3 4 5 6 7 8 9 A B C D E F ”例： “#f23a4b
复制链接

扫一扫

专栏目录