前端新人整理各种三角问题

来源:互联网 发布:淘宝店铺如何查排名 编辑:程序博客网 时间:2024/06/05 16:53

首先是这种简单的小三角:


实现代码:

<script type="text/javascript">
for(var i=1;i<=5;i++){
for(var j=1;j<=i;j++){
document.write("*");
}
document.write("<br>");
}
</script>

其中,i代表行数,j代表列数。



其次:是这种三角形:


实现代码如下:

<script type="text/javascript">
for(var i=1;i<=5;i++){
for(var j=1;j<=6-i;j++){
document.write("*");
}
document.write("<br>");
}
</script>



然后是这种三角形:


实现代码如下:

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
span{
visibility: hidden;
}
</style>
</head>
<body>
<script type="text/javascript">
for(var i=1;i<=5;i++){
for(var j=1;j<=6-i;j++){
document.write("<span>*</span>");
}


for(j=1;j<=i;j++){
document.write("*");
}
document.write("<br>");
}
</script>
</body>
</html>




其他各种图形,后续更新。

0 0
原创粉丝点击