edisontu2 2023-03-11 20:09 采纳率: 100%
浏览 86
已结题

javascript 经典打印星星

javascript经典打星星题目

编程语言如下

<head>
    <meta charset="UTF-8">
</head>
<script>
    function myFunction(){
    for(var i=1; i<Number(text); i++){
        for(var j=1; j<=(Number(text)-1)-i; j++){
          document.write(' ');
        };
    for(var n=1; n <= i; n++){
        document.write("*"+' ');
    }
        document.write('
')
      };
}
</script>
<body>
    塔の階数<input type="text" id="number" name="number">
    <input type="button" id="button" name="" value="展示" onclick="myFunction();">

</body>
</html>

我想要实现在input里输入一个数字，点击展示就会出现相应数字的行数的星星。
比如输入数字2，会出现下面的效果。

//  *
// * *

输入数字3会出现下面的效果。忽略//

//   *
//  * *
// * * *

如果把上面的代码的Number(text)换成数字是可以打印星星的。但是是固定的不是根据输入的数字来变的。

怎么实现输入数字星号会跟着变化！

  • 写回答

4条回答 默认 最新

  • 文盲老顾 WEB应用领新星创作者 2023-03-11 20:20
    关注
    
<head>
    <meta charset="UTF-8">
</head>
<script>
function myFunction(){
    num = parseInt(document.querySelector('#number').value)
    var el = document.querySelector('#board')
    var html = ''
    for(var i=1; i<num; i++){
        for(var j=1; j<=(num-1)-i; j++){
            html += ' ';
        };
        for(var n=1; n <= i; n++){
            html += "*"+' ';
        }
        html += '<br/>'
    };
    el.innerHTML = html
}
</script>
<body>
    塔の階数<input type="text" id="number" name="number">
    <input type="button" id="button" name="" value="展示" onclick="myFunction();">
    <pre id="board"></pre>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

问题事件

  • 系统已结题 3月19日
  • 已采纳回答 3月11日
  • 创建了问题 3月11日