首先是这种简单的小三角:
实现代码:
<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>
其他各种图形,后续更新。