利用HTMLfor循环制作一个倒直角三角形

最新推荐文章于 2022-07-12 14:25:02 发布
最新推荐文章于 2022-07-12 14:25:02 发布
阅读量819 收藏
点赞数
文章标签： JavaScript HTML 三角形 嵌套循环 倒置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zh123456456456/article/details/116481425
版权

 //倒直角三角形

         for(var i=1;i<6;i++){//6-1有5行

            // var j=6;j>1;j-- 

            //   j=6'j>2;4

            //   j=6,j>3;3

            //   j=6,j>4;2

            //   j=6,j>5;1

            //   j=6,j不大于6;j--不运行

            for(var j=6;j>i;j--){//确定列数 

                document.write("*")

            }

            document.write("<br>")

        }

AawhZ√
关注
for循环里面嵌套if_94-for循环嵌套，输出星号组成的倒直角三角形
weixin_39679091的博客
11-23 2043
一。要得到的效果：在控制台输出一个用星号组成的倒直角三角形二。带注释的代码#include int main(){ //外面的循环9次，控制行数 for (int i = 0; i < 5; i++) { //里面的循环9次，控制列数 //输出多少个星号，取决于i的值，注意j的值是从5开始自减 //当i的值为零，里面的循环执行五次，输出五个星号，之后跳到外面的循环i++ //当i的值为1，里...
JS实现直角三角形，倒直角三角形，九九乘法表，金字塔效果
lishundi的博客
07-27 8596
    直角三角形的实现：这种比较简单，是对js的基本练习，就一个很常规的双层for循环 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;try&lt;/title&gt; &lt;s
打印倒直角三角形.zip
09-08
打印C#的打的倒角三角形，c#基础for循环输出“*”，出现倒直角三角形，可修改的txt文档，使用vs2019制作——原创
通过循环输出倒直角三角形以及等边三角形
鲁家志的专栏
12-11 1881
#include using namespace std; int main() {  for(int i=10;i>=1;i--)  {for(int j=1;j   cout   cout  }  return 0; }     #include using namespace std; int main() {  for(int i=1; i  {fo
java中for循环实现直角三角形
sj_1993的博客
07-28 1152
public class javaDemo2 { public static void main(String[] args) { for (int i = 1; i <= 5; i++) { for (int j = 1; j <= i; j++) { System.out.print("*"); } System.out.println(); } .
使用for循环编写倒直角三角形
fqqfengqiqiang的博客
12-17 1万+
使用for循环编写倒直角三角形 // ****** // ***** // **** // *** // ** // * for (var i = 0; i < 6; i++) { for (var j = 0; j < 6 - i; j++) { document.write("*"); } document.write(""); } document.write("--------------------------");
php使用for语句输出三角形的方法
10-24
在上面的代码中，$i 变量是for循环的计数器，它从1开始直到 $num。$tmpRow 变量用来计算每一行应输出的星号数。为了实现三角形的形状，我们采取了这样的逻辑：当 $i 的值小于等于 $num 的一半时，$tmpRow的值与 $i ...
python画图代码星星-Python利用for循环打印星号三角形的案例
weixin_37988176的博客
11-01 5654
简单的for循环打印三角形1，for循环方法实现星星三角代码：for i in range(0,5):for j in range(i+1):if i == 4:print("* ",end="")continueif j == 0 or j == i:print("* ",end="")else:print(&quo...
python打印等腰直角三角形_Python打印矩形、直角三角形、等腰三角形、菱形
weixin_39974409的博客
12-08 1268
思路如下：(1)先打印一个星号并换行print("*")(2)打印一行6个星号for i in range(6):print("*", end=" ")(3)打印6列星号for i in range(6):print("*")(4)打印6行6列for i in range(6):for j in range(6):print("*",end=" ")# 每打印一行就换行print()(5)金字塔型...
python循环语句打印三角形_python循环输出三角形图案的例子
weixin_39984201的博客
11-23 6263
python循环输出三角形图案的例子我就废话不多说了，直接上代码吧！#Copyright (c)2017, 东北大学软件学院学生# All rightsreserved#文件名称：a.py#作 者：孔云#问题描述：编写程序，使用双循环输出三角形图案。#问题分析：本程序由图形知，包含5行，即外层循环执行5次，每行内容的由三部分内容组成：空格、星号、回车，分别通过两个for循环和一条print语句实现...
css 倒三角形 CSS 打造(此处有更多内容)的倒三角显示效果
12-13
复制代码代码如下: <style> .b{ position: absolute; z-index: 2; width: 0; height: 0; line-height: 0; font-size: 0; border-width: 5px; /*如果想改变倒三角形的大小,就改变这里的像素值*/ border-style: solid; border-color: #666 #fff #fff #fff; /*如果倒三角形的父元素背景不是白色,就把后面三个#fff改为对应的背景色*/ top: 13px; left: 40px; /*如果倒三角形前面的字多于两个,就设置这里的像素值大些*/
用for循环打出直角三角形、倒直角三角形、等腰三角形、菱形、空心菱形
Yiyebaizhi的博客
07-12 6421
for循环打印直角三角形、等腰三角形、菱形、空心菱形
Java中利用for循环打印直角三角形，倒立直角三角形，等腰三角形，平行四边形，菱形等
热门推荐
hs2201056的博客
03-05 4万+
//打印一个正直角三角形。 public class testfor{ public static void main(String[] args){     for(int i=1;i          for(int j=1;j              System.out.print("*");              }          System.out.print
Java中使用for循环打印直角三角形，倒立直角三角形，等腰三角形，平行四边形，菱形等
曾昭武
07-08 7876
1.打印正直角三角形 package javacto.taobao.com; public class TestFor { public static void main(String[] args) { //package for(int i=1;i<=10;i++){ for(int j=1;j<=i;j++){ System.out.print("*"); }
For循环输出直角三角形
mr`zo
01-10 3411
需求：根据所给出的行数输出直角三角形，例如4行，如下 0 000 00000 0000000 分析：每行输出比上一行多2次循环 代码如下： public class ForTest { public static void main(String[] args) { int temp = 0;//记录第行将输出的个数，在换行的时候temp加2，即每次比...
使用for循环编写倒立反方向直角三角形
fqqfengqiqiang的博客
12-17 1万+
使用for循环编写倒立反方向直角三角形 // ****** //  ***** //   **** //    *** //     ** //      * for (var i = 0; i < 6; i++) { for (var z = 0; z < i; z++) { document.write(" “) } for (var j = 0; j < 6 - i; j++) { document.write(”*"); } document.write("
使用for循环签到嵌套制作直角三角形
dianxunyan8950的博客
05-06 359
注意代码的运行顺序； for(i = 0 ; i<9 ; i++){ for(j = 0 ; j<i-1 ; j++){ document.write("*")//**内层循环 } document.write("") }外层循环 转载于:https://www.cnblogs.com/wangjiahui/p/10819864.html...
利用for循环写三角形(倒立反方向直角三角形 )
qq_43233643的博客
09-25 5956
倒立反方向直角三角形 ******  *****   ****    ***     **      *       for (var i = 0; i &amp;amp;lt; 6; i++) { for (var k = 0; k &amp;amp;lt; i; k++) { document.write(&amp;quot; “); } for (var j = 6 - i; j &amp;amp;gt; 0; j–) { document.write(”...
Java使用for循环：打印直角三角形/倒直角三角形/正三角形/倒正三角形/矩形/平行四边形/菱形的规律
weixin_61273407的博客
09-21 6094
使用方法：嵌套for循环 1.外层循环控制的是执行的轮数，内层循环控制的是这一轮中执行的次数 2.外层循环控制的是图形的行数，内层循环控制的是这一行的列数 直角三角形： 规律： 1.外层for循环，循环条件i 值设定具体边长 2.内层for循环，循环条件j值与外层循环i值挂钩（打印空格加*） //直角三角形 for (int i = 0; i <= 5; i++) { for (int j = 0; j <= i; j++) { ...
在HTML中使用while循环实现星号直角三角形
最新发布
09-19
在HTML中直接使用`<pre>`标签可以展示文本内容，包括动态生成的星号直角三角形。但是，HTML本身并不支持标准的编程语言语法，比如while循环来生成星号数组。通常我们会使用JavaScript嵌入到HTML中来实现这样的动态效果。下面是一个简单的例子： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>星号直角三角形</title> <style> pre { white-space: pre-wrap; /* 为了保持换行 */ } </style> </head> <body> <pre id="triangle"></pre> <script> function printTriangle(n) { let triangle = ''; while (n > 0) { for (let i = 0; i <= n - 1; i++) { if (i == n - 1) { triangle += '*\n'; } else { triangle += '* '; } } n--; triangle += '\n'; // 换行符 } document.getElementById('triangle').innerText = triangle; } // 可以通过改变这个数字来调整三角形大小 printTriangle(5); // 示例，生成五行的星号三角形 </script> </body> </html> ``` 在这个例子中，我们首先创建了一个空字符串`triangle`，然后使用`while`循环来逐行增加星号。每行结束后会添加一个换行符`\n`，最后将结果设置到id为`triangle`的`<pre>`元素内。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值