【发布时间】:2014-03-22 04:04:15
【问题描述】:
所以我有这个课堂作业,我一直在努力想办法让两个我故意隐藏的buttons 在点击开始button 后出现。点击开始按钮,然后点击3张卡片后,会出现Hold and 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>
【问题讨论】:
标签: javascript html function button