打印菱形、三角形-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第2章-课后作业)

【案例2-10】打印菱形、三角形

一、案例描述

1. 考核知识点

for双重循环

1. 练习目标

• 掌握for循环应用。
• 打印出菱形
• 打印出三角形。

1. 需求分析

在本案例中我们将用JavaScript代码在页面中用“*”打印出菱形和三角形。

1. 案例分析

1. 菱形效果如图2-16所示。

1. 输入菱形行数6

1. 打印菱形

1. 三角形效果如图2-17所示。

1. 打印三角形

1. 具体实现步骤如下：

1. 输入菱形行数。
2. 根据行数计算。
3. 三角形行数是在代码中定义好的为4。

二、案例实现

1、实现菱形

根据上面的分析，可以通过简单的JavaScript代码来实现这一效果，具体代码如下：

4.     
5.     
8.     

2、实现三角形

4.     
5.     
8.     
10. >