打印正三角形与绘制正三角形

248 阅读1分钟

控制台打印正三角形

代码

function consoleTriangle(n){
            let str=''
            for(let i=1;i<=n;i++){
                for(let j=1;j<=n+i-1;j++){
                   if(j>=n-i+1){
                          str +='★' 
                   }else{
                           str +=' ' 
                   }      
                }
                str += '\n'
            }
            console.log(str)
    }
    consoleTriangle(10)

效果

image.png

注意:空格一定要切换成全角。

文档内绘制正三角形,相对来说更简单

function writeTriangle(n){
            for(let i =1;i<=n;i++){
                document.write('<div>')
                for(let j =1;j<=2*i-1;j++){
                        document.write('★')
                }
                document.write('</div>')
            }
    }
    writeTriangle(10)
<style type="text/css">
        div{
            text-align: center;
        }
        </style>

效果

image.png

文档内绘制主要是利用了样式居中(方便快捷)