Question

html part - 这是主要文件。它有一个有两行的表 - 每行五张牌。点击后，必须翻转才能显示内容。如果两张牌相同，那么它们必须淡出。这段代码用于游戏的初始部分，我试图让卡片翻转，但它无效。请帮忙！重置功能无效！

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="card.css">
        <script src="card.js"> </script>
    </head>
    <body>
        <table border="0" align="center">
            <tr>
                <td> <img src="card.jpg" id="a" onclick="card11();"> </td>
                <td> <img src="card.jpg" id="b" onclick="card12();"> </td>
                <td> <img src="card.jpg" id="c" onclick="card13();"> </td>
                <td> <img src="card.jpg" id="d" onclick="card14();"> </td>
                <td> <img src="card.jpg" id="e" onclick="card15();"> </td>
            </tr>
            <tr>
                <td> <img src="card.jpg" id="f" onclick="card21();"> </td>
                <td> <img src="card.jpg" id="g" onclick="card22();"> </td>
                <td> <img src="card.jpg" id="h" onclick="card23();"> </td>
                <td> <img src="card.jpg" id="i" onclick="card24();"> </td>
                <td> <img src="card.jpg" id="j" onclick="card25();"> </td>
            </tr>
        </table>
    </body>
<html>

javascript部分为第一个onclick

var isFlipped=false;
function card11()
{
    //if the car has been flipped 

    if(isFlipped)
    {
        isFlipped = false;
    document.getElementById("a").src="card.jpg"; // click to flip back
    }

    //if the card has not yet been flipped
    else
    {
    //the card is being filpped to show the content - a king of spades      
    isFlipped=true;
    document.getElementById("a").src="king.jpg";
    }
}

//在翻到内容后2秒后，它必须自动翻转

function resetFlip()
{
isFlipped=false;
document.getElementsByTagName("img").src="card.jpg";
}
function card12()
{
if(isFlipped)
    {
    isFlipped = false;
    document.getElementById("b").src="card.jpg";
}
    else
    {

    isFlipped=true;
    document.getElementById("b").src="jack.jpg";
    setTimeout(resetFlip,2000);
}
}

Answer 1

你应该从函数中删除分号：; 例如：

 onclick="card14()"

Answer 2

它在这里工作。请在“js文件”中注释“卡片正在被填充以显示内容 - 黑桃王”至“//卡片正在被填写以显示内容 - 黑桃王”。

无法使用onClick功能

2 个答案: