请选择 进入手机版 | 继续访问电脑版

JS添加随机颜色20-100宽度正方形(两种方法)

[复制链接]
听见深浅 发表于 2021-1-1 17:45:10 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
点击按钮添加随机颜色20-100宽度正方形
第一种:使用innerHTML
  1. <div id="divs/divbutton id="bn>按钮
复制代码
js代码
[code]<script>        var divs,bn;        init();        function init(){                divs=document.getElementById("divs");                bn=document.getElementById("bn");                bn.onclick=addElement;        }        function addElement(){        //调用函数生成20-100随机数                var w=randomNumber(100,20);                var str="";                str+="
";                divs.innerHTML+=str;        }        //随机数函数,两个参数,最大值和最小值,未设置最小值时,最小值为0        function randomNumber(max,min){                if(isNaN(min)) min=0;                var num=Math.floor(Math.random()*(max-min));                return num+min;        }                //写一个生成随机颜色函数,用的时候直接调用        function randomColor(){        var bg="#";        for(var i=0;i
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )