js颜色板块循环

我果然还是太年轻

<html>
<head>
<style>
.test{
	width: 100px;
	height: 100px;
	float: left;
}
</style>
</head>

<body>
</body>

<script>

/**
输入: s = "anagram", t = "nagaram"
输出: true

输入: s = "rat", t = "car"
输出: false

你可以假设字符串只包含小写字母

var s="anagram";
var t="nagaram";

function sortNumber(a,b)
{
	return a - b
}

function test(s,t){
	if((s.length<1 || t.length<1) || (s.length!=t.length)){
		return false;
	}
	var sSum=0;
	var tSum=0;
	var sArray=new Array();
	var tArray=new Array();
	for(var i=0;i<s.length;i++){
		sArray[i]=s.charCodeAt(i);
		tArray[i]=t.charCodeAt(i);
		sSum= sSum+sArray[i];
		tSum= tSum+tArray[i];
	}
	if(sSum!=tSum){
		return false;
	}
	sArray.sort(sortNumber);
	tArray.sort(sortNumber);
	for(var i=0;i<s.length;i++){
		if(sArray[i]!=tArray[i]){
			return false;
		}
	}
	return true;
}
console.log(test(s,t));
*/

function createElements(){
	var deptLength=100;
	var colorArray=new Array("lightblue","lightgrey","grey","yellow","lightgreen","pink","blue","red","black","white");
	for(var i=0;i<deptLength;i++){
		var divs=document.createElement("div");
		divs.className="test";
		divs.style.backgroundColor=colorArray[(i-(parseInt(i/10))*10)];
		divs.innerHTML=i;
		document.body.append(divs);
	}
	
}

createElements();
</script>

</html>

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值