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

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日

悬赏问题

  • ¥15 用土力学知识进行土坡稳定性分析与挡土墙设计
  • ¥15 帮我写一个c++工程
  • ¥30 Eclipse官网打不开,官网首页进不去,显示无法访问此页面,求解决方法
  • ¥15 关于smbclient 库的使用
  • ¥15 微信小程序协议怎么写
  • ¥15 c语言怎么用printf(“\b \b”)与getch()实现黑框里写入与删除?
  • ¥20 怎么用dlib库的算法识别小麦病虫害
  • ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
  • ¥15 uniapp uview http 如何实现统一的请求异常信息提示?
  • ¥15 有了解d3和topogram.js库的吗?有偿请教