JavaScript任意倒三角（正三角、倒三角、反三角）+乘法口诀表彩色版

最新推荐文章于 2024-05-21 08:00:00 发布

xlwreally

最新推荐文章于 2024-05-21 08:00:00 发布

阅读量3.2k

点赞数 2

文章标签： JavaScript

本文链接：https://blog.csdn.net/weixin_42687038/article/details/89424651

版权

彩色乘法表任意倒三角

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.a{border: 1px solid black; display: inline-block;color: white;width: 50px;height: 25px;}
		</style>
		
	</head>
	<body>
	
	<input type="number" name="" id="three" value="" />
	<button type="button" "three(document.getElementById('three').value)">三角形</button>
	<div id="th">
		
	</div>
		<script type="text/javascript">

	

				
				
				var i, a, b, c;
			for (i = 1; i < 10; i++)
			{
				for (a = 0; a < 10; a++)
				for (b = 0; b < 10; b++)
				if ((a*a*a + b*b*b + i*i*i) ==(a+b*10+i*100))
					document.write("&nbsp"+i+"&nbsp"+b+"&nbsp"+a+"&nbsp"+"<br>");
			}
			for(i=1;i<=9;i++)
			{
			for(j=1;j<=i;j++)
			
			
			document.write("<div class=ccc style='background-color:  "+getRandomColor( )+"; display: inline-block;color: white;width: 70px;height: 25px;'>"+j+"*"+i+"="+i*j+"&nbsp"+"</div>")	
			document.write("<br>")
			
			}
			
			function setTime()
			{
			for(i=0;i<=81;i++)
			document.getElementsByClassName("ccc")[i].style.background=getRandomColor( )	
			}
			setInterval("setTime()",20);
		
			
			function three(m){
				
				for(i=1;i<=m;i++)
			{
				for(j=1;j<=m-i;j++)document.write("&nbsp")
				for(k=1;k<=i*2-1;k++)document.write("<mark>*</mark>")
				document.write("<br>")
				
			}
			for(i=1;i<=m;i++)
			{
				for(j=1;j<=m-i;j++)document.write("&nbsp")
				for(k=1;k<=i*2-1;k++)
				{
					if(k==1||k==i*2-1)
					document.write("<mark>*</mark>")
					else
					document.write("&nbsp")
				}
				document.write("<br>")
				
			}
			for(i=1;i<=m;i++)
			{
				for(j=1;j<=m-i;j++)document.write("*")
				for(k=1;k<=i*2-1;k++)
				{
					
					if(i==m)
					document.write("<mark>*</mark>")
					else
					{
						if(k==1||k==i*2-1)
						document.write("<mark>*</mark>")
						else
						document.write("*")
					}
				}
				document.write("<br>")
				
			}
			for(i=1;i<=m;i++)
			{
				for(j=1;j<=m-i;j++)document.write("&nbsp")
				for(k=1;k<=i*2-1;k++)
				{
					if(k==1||k==i*2-1)
					document.write("<mark>*</mark>")
					else
					document.write("&nbsp")
				}
				document.write("<br>")
				
			}
			for(i=m;i>=1;i--)
			{
				for(j=1;j<=m-i;j++)document.write("&nbsp")
				for(k=1;k<=i*2-1;k++)
				{
					if(k==1||k==i*2-1)
					document.write("<mark>*</mark>")
					else
					document.write("&nbsp")
				}
				document.write("<br>")
				
			}
			}
			
// 			
			function getRandomColor( ) {
				return '#'+Math.floor(Math.random()*0xffffff).toString(16);
    
}
// 			var n=10,b=1,sum=0
// 			while(--n)
// 			{
// 				b*=n
// 			}
// 			document.write(b)
// 			for(i=10 ,j=10;i<10,j>7;i++,j--)
// 			{
// 				document.write("i:"+i+"j:"+j+"<br>")
// 			}	
// 			for(i=1;i<=100;i++)
// 			{
// 				
// 				if(sum>400)break
// 				document.write(sum+"|"+i+"<br>")
// 				sum+=i
// 			}
// 				document.write(sum+"|"+i+"<br>")
// 				
// // 				while(1)
// // 				{
// // 					i=1
// // 					i++
// // 					if(i==100)break
// // 					
// // 					alert(Number(i/3))
// // 				
// // 				}
// 			
		
	
		</script>
	</body>
</html>