javascript – 连接四：帮助在函数中使用JQuery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 连接四：帮助在函数中使用JQuery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1343字，纯文字阅读大概需要2分钟。

内容图文

我是编程的新手,我正在尝试制作一个简单的Html / CSS / Javascript / JQuery Connect Four游戏.这是
what i have so far.

唯一的问题是你不能将标记堆叠在一起！这连接四个游戏很糟糕; )！

在dropToken()函数中,我试图创建一个带有if语句的for循环来查找我试图将令牌放入的空格是否为白色,否则,通过使用var i计数器来上升一个tr for循环.

function dropToken(obj, column)
{            
    for (var i == 6; i > 0; i--)
    {
        if ($('table tr:last-child td:nth-child(' + column + ')').css("background-color") == "white")
        {
            $('table tr:last-child td:nth-child(' + column + ')').css("background-color", playerTurn);
        }
    }
    if (playerTurn == "Red")
    {
        playerTurn = "Blue"
        obj.style.backgroundColor = "Blue";   
    }
    else
    {
        playerTurn = "Red"
        obj.style.backgroundColor = "Red"; 
    }
}

但是,此代码使程序not work.

解决方法:

试试这个

http://jsfiddle.net/f7hpoyfj/1/

您需要使用if(element.css(“background-color”)==“rgba(0,0,0,0)”)来比较颜色.它可能是也可能不是浏览器依赖..尚不确定

另外,看看我是如何创建循环的 – 你没有在我之前的函数中使用i,我认为这是一个错误,因为你有效地比较了同一个元素一遍又一遍.

for (var i = 7; i > 1; i--)
{
    var element = $('table tr:nth-child(' + i + ') td:nth-child(' + column + ')');
    if (element.css("background-color") == "rgba(0, 0, 0, 0)" || element.css("background-color") == "transparent" || element.css("background-color") == "white")
    {
        element.css("background-color", playerTurn);
        break;
    }
}

内容总结

以上是互联网集市为您收集整理的javascript – 连接四：帮助在函数中使用JQuery全部内容，希望文章能够帮你解决javascript – 连接四：帮助在函数中使用JQuery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端