javascript基础练习-随机改变颜色

最新推荐文章于 2023-04-24 00:32:58 发布

wz前端初学者

最新推荐文章于 2023-04-24 00:32:58 发布

阅读量236

点赞数

分类专栏： javascript小练习

本文链接：https://blog.csdn.net/wz13759497175/article/details/78660166

版权

javascript小练习专栏收录该内容

18 篇文章 2 订阅

订阅专栏

主要就是通过random方法改变RGB数值:

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		.content{
			width: 200px;
			height: auto;
			padding: 20px;
			margin:0 auto;
			color: white;
			background: black;
		}
		button{
			display: block;
			width: 100px;
			height: 40px;
			margin: 0 auto;
		}
	</style>
	<script type="text/javascript">
		window.οnlοad=function(){
			var content=document.getElementById('content');
			var btn=document.getElementById("btn");
			btn.οnclick=function(){
				var b=new Array();
				for(var i=0;i<3;i++){
					b[i]=parseInt(Math.random()*255);
				}
				content.style.background="rgb("+b[0]+","+b[1]+","+b[2]+")";
			};
		}
	</script>
</head>
<body>
	<div class="content" id="content">这是一个小练习</div>
	<button id="btn">点击改变颜色</button>
</body>
</html>