个人中心
gpt4 book ai didi

javascript - 为什么这个不运行？

转载 作者：行者123 更新时间：2023-11-28 16:09:38 24 4
gpt4 key购买 nike

我有下面的代码:

<html>

<head>
    <title> Eloquent Javascript Ex 2 </title>

<script language = "javascript">

    /*
    function twoPowerTen()
    {
        var result = 1;
        var counter = 0;

        while( counter < 10 )
        {
            result = 2 * result;
            document.writeln( result );
            counter = counter + 1;
        }
    }   

    int limit = 1;

    for( int y = 0; y < 5; y++ )
    {
        for( int x = 0; x < limit; x++ )
        {
            System.out.print( "*" );
        }
        System.out.println();
        limit = limit + 1;
    }
    */

    function drawTriangle()
    {
        var limit = 1;

        for( var y = 0; y < 5; y++ )
        {
            for( var x = 0; x < limit; x++ )
            {
                document.write( "*" );
            }
            document.write( "<br>" );
            limit = limit + 1;
        }
    }

    function whileDrawTriangle()
    {
        var limit = 1;
        var x, y = 0;

        while( y < 5 )
        {
            while( x < limit )
            {
                document.write( "*" );
                x++;
            }
            limit = limit + 1;
            y++;
        }
    }

</script>

</head>

<body>
<input type = "button" value = "Draw # Triangle" onClick = "whileDrawTriangle()" />
</body>


</html>

当我按下按钮时，它似乎不想运行 - 它应该在屏幕上打印一个星号三 Angular 形。顺便说一句，我知道 HTML 的构造并不好，但重点是实现基本的 javascript，因为我正在掌握它的基础知识。

有什么问题吗？

最佳答案

您的drawTriangleMethod永远不会被调用，您只需添加一个按钮来调用它，或者更改您的 onClick调用该函数。至于你的whileDrawTriangle方法中，您仅将 y 变量初始化为 0，而 x 剩余 undefined因此，当涉及到循环时，测试失败 x < limit .

如果您想同时初始化x和y，您需要明确地这样做

例如

 var x = 0, y= 0;

这是一个jsBin

关于javascript - 为什么这个不运行？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13458252/

24 4 0
文章推荐： javascript - 使用 jQuery 附加多个 div 和图像以及其他标签的最佳方法是什么？
文章推荐： javascript - 为什么谷歌地图 iframe 无法正常工作并显示位置？
文章推荐： html - 固定宽度的三个div的布局
文章推荐： html - 在 Ionicon 图标上覆盖 'new' 横幅
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com