JS打印等腰三角形

Posted 2020-10-03

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS打印等腰三角形相关的知识，希望对你有一定的参考价值。

初来乍到，写个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打印等腰三角形的主要内容，如果未能解决你的问题，请参考以下文章

js中使用while循环将等腰三角形，倒等腰三角形，菱形，平行四边形，梯形输出