如何在Javascript中显示一对按钮?

时间:2014-03-22 04:04:16

标签: javascript html function button

所以我在课堂上有这个作业,而且我一直试图找出一种方法来制作两个我故意隐身的button,在点击开始button之后出现。单击开始按钮,然后单击3张卡后,将出现按钮Hold和Draw

很抱歉,如果这是模糊的,我是JavaScript的新手,也是StackOverflow的新手:

JavaScript

function onCardClick( cardNum ) 
    {
        if ( cardToggle[cardNum-1] ) // Is the card cycling?
        {
            console.log("Card index "+CardsShown[cardNum-1]+" clicked.");
            console.log("Before spl: "+indexArray);
            indexArray.splice(indexArray.indexOf(CardsShown[cardNum-1]), 1);
            console.log("After spl: "+indexArray);
        }
        else if ( CardsShown[cardNum-1] != -1 )
        {
            indexArray.push(CardsShown[cardNum-1]);
            indexArray.sort(sortNumber);
            console.log("After push: "+indexArray);
        }
        cardToggle[cardNum-1] = !cardToggle[cardNum-1];
    }

    function showButton 
    {
        if( ) {
        document.getElementById("buttonVisibility").style.visibility="visible";
        }
    }

    function sortNumber(a,b)
    {
        return a - b;
    }

HTML

</head>
<body>
<h1>Welcome To The game</h1>
    <div class="stage">
        <ul id="card">
            <li id="card1" onclick="onCardClick(1)"><a></a></li>
            <li id="card2" onclick="onCardClick(2)"><a></a></li>
            <li id="card3" onclick="onCardClick(3)"><a></a></li>
            <li id="card4" onclick="onCardClick(4)"><a></a></li>
            <li id="card5" onclick="onCardClick(5)"><a></a></li>
            <button onclick="onCardClick(1); onCardClick(2); onCardClick(3); onCardClick(4); onCardClick(5);">Start</button>
            <button id="buttonVisibility">Hold</button>
            <button id="buttonVisibility">Draw</button>
        </ul>
    </div>
</body>

1 个答案:

答案 0 :(得分:0)

您的代码中存在很多错误,例如

没有带()函数的括号showButton

function showButton (){
//------------------^ should add parenthesis

ifshowButton()内没有表达,例如。

if( /here should be some expression/ ) {

cardToggle未在上述代码中的任何位置定义。

首先让所有这些事情都正确,看看结果会是什么。