whitevil 2021-05-25 10:30 采纳率: 100%
浏览 31
已采纳

js动态金字塔的显示相关问题

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <script type="text/javascript">
        window.onload=function(){
            //创建一个p添加到div2下
            myClick("btn01",function(){
                
                //获取两个值
                var count=document.getElementById("count");
                var point=document.getElementById("point");
                var box2=document.getElementById("box2");
                
                for(var i=1;i<=count;i++){
                    var p=document.createElement("p");
                    for(var j=1;j<=i;j++){
                        var logo=document.createTextNode(point);
                        p.appendChild(logo);
                    }
                    box2.appendChild(p);
                }
            });
            
            function myClick(idStr,fun){
                var btn=document.getElementById(idStr);
                btn.onclick=fun;
            }
        };
    </script>
</head>
<style type="text/css">
    body{
        text-align: center;
    }
</style>
<body>
    <div id="box1">
        <h2>输出塔形</h2>
        <br><br>
        行数:
        <input type="text" id="count" value="" />
        <br />
        符号:
        <input type="text" id="point" value="" />
        <br>
        <button type="button" id="btn01">输出</button>
    </div>
    <br>
    <div id="box2">
        
    </div>
    <script type="text/javascript">
        
    </script>
</body>
</html>

 

代码至是简单的第一行一个第二个两个，具体功能没有实现，

但关键是不能在div2里显示出来，调试了一个早上也没找出问题，很痛苦求解答

  • 写回答

1条回答 默认 最新

  • Proud lion 2021-05-25 10:43
    关注
    <!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    
</head>
<style type="text/css">
    body{
        text-align: center;
    }
</style>
<body>
    <div id="box1">
        <h2>输出塔形</h2>
        <br><br>
        行数:
        <input type="text" id="count" value="" />
        <br />
        符号:
        <input type="text" id="point" value="" />
        <br>
        <button type="button" id="btn01">输出</button>
    </div>
    <br>
    <div id="box2">
        
    </div>

    <script type="text/javascript">
        window.onload=function(){
            //创建一个p添加到div2下
            myClick("btn01",function(){
                
                //获取两个值
                var count=document.getElementById("count");
                var point=document.getElementById("point");
                var box2= document.getElementById("box2");
                console.log(count);
                for(var i=1;i<=count.value;i++){
                    var p=document.createElement("p");
                    for(var j = 1;j<= i;j++){
                        var logo=document.createTextNode(point.value);
                        p.appendChild(logo);
                    }
                    box2.appendChild(p);
                }
            });
            
            function myClick(idStr,fun){
                var btn=document.getElementById(idStr);
                btn.onclick=fun;
            }
        };
    </script>
    <script type="text/javascript">
        
    </script>
</body>
</html>

     

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 R语言卸载之后无法重装，显示电脑存在下载某些较大二进制文件行为，怎么办
  • ¥15 java 的protected权限 ，问题在注释里
  • ¥15 这个是哪里有问题啊？
  • ¥15 关于#vue.js#的问题：修改用户信息功能图片无法回显，数据库中只存了一张图片（相关搜索：字符串）
  • ¥15 texstudio的问题，
  • ¥15 spaceclaim模型变灰色
  • ¥15 求一份华为esight平台V300R009C00SPC200这个型号的api接口文档
  • ¥15 字符串比较代码的漏洞
  • ¥15 欧拉系统opt目录空间使用100%
  • ¥15 ul做导航栏格式不对怎么改？