码迷,mamicode.com
首页 > Web开发 > 详细

JS打印等腰三角形

时间:2017-08-18 12:37:16      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:utf-8   center   输入   on()   win   单例   ntb   innerhtml   inner   

初来乍到,写个JS小程序压压惊。以下为JS打印等腰三角形的简单例子。

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>打印等腰三角形</title>
        <script type="text/javascript">
            window.onload = function(){
                var
                str = "",
                oResult = document.getElementById("result"),
                oCheck = document.getElementById("check");
                oCheck.onclick = function(){
                    str = ‘‘;
                    var iLine = document.getElementById("line");
                    var oLine = iLine.value;
                    for(var i = 0;i < oLine;i++){
                        for(var j = 0;j < 2 * i - 1;j++){
                            str += ‘*‘;
                        }
                        str += "<br/>";
                    }
                    oResult.innerHTML = ‘<div style="text-align:center">‘ + str + "</div>";
                }
                
            }
        </script>
    </head>
    <body>
        请输入需要打印的等腰三角形行数<input type="text" id="line" /><input type="submit" id="check" /><br />
        <div id="result"></div>
    </body>
</html>

JS打印等腰三角形

标签:utf-8   center   输入   on()   win   单例   ntb   innerhtml   inner   

原文地址:http://www.cnblogs.com/chaisang/p/7388907.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!