[学习交流] 【上海校区】JavaScript输写等腰三角形，菱形，九九乘法表

一.等腰三角形

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function show(row){
for (var i = 1; i < row; i++) {
for(var j=1;j<row-i;j++){
   document.write('&ensp;');
}
for(var k=1;k<=2*i-1;k++){
document.write('*');
}document.write('<br>');
}
}
show(7);
</script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
二.菱形

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function show(row){
for (var i = 1; i < row; i++) {
for(var j=1;j<row-i;j++){
   document.write('&ensp;');
}
for(var k=1;k<=2*i-1;k++){
document.write('*');
}document.write('<br>');
}
      for(var s=2;s<row;s++){
        for(var a=1;a<s;a++){
        document.write('&ensp;');
        }
        for(var b=1;b<=(row-a)*2-1;b++){
        document.write('*');
        }document.write('<br>');
      }
}
show(7);
</script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
三.九九乘法表

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function show(num){
         for(var i=1;i<num;i++){
            for(var a=1;a<=i;a++){
               var b=a*i;
               if (b<10) {
                  b='&ensp;'+b
               }
               document.write(a+'x'+i+'='+b+"   ")
            }document.write('<br>');
      }
      }show(10);
</script>
</body>
</html>
---------------------
【转载，仅作分享，侵删】
作者：超哥要逆天
原文：https://blog.csdn.net/weixin_44382073/article/details/86222471

不二晨 · 不二晨

奈斯

帐号		自动登录	找回密码
密码			加入黑马

[学习交流] 【上海校区】JavaScript输写等腰三角形，菱形，九九乘法表

1 个回复