使用Javascript、CSS和HTML玩记忆游戏的问题

我在玩记忆游戏时遇到了一些困难。此任务的第一步是仅在输入与占位符相同的名称时启用“播放”按钮。（我已将占位符设置为“连正”）。这个问题已经得到解决。当我在表单中输入“连正”时，按钮将被启用。第二步是，在我点击“播放”按钮后，游戏应该显示并播放。另外，在我点击“播放”按钮之前，游戏不应该出现

我的问题是，当我点击“播放”按钮时，没有游戏出现，所以一定是出了什么问题。问题在哪里

HTML:

试试

onclick=“play（）”

---

这里有几件事：

<input type="submit" name="play" disabled="disabled" id="play" value="play" onclick="play">

1） 您可能希望使用type=“button”而不是type=“submit”。您并不是真的想要提交表单——您只是希望在单击按钮时发生一些事情

2） 为什么要禁用该按钮

3） 调用函数时，需要包含（..）的

这一切归结为将该行替换为：

<button id="play" value="play" onclick="play()">

---

注意：我没有查看您的JavaScript以查看启动游戏时是否存在任何错误，因为您需要首先关注HTML的正确性。

您看到JavaScript控制台了吗？出现错误了吗？是的，我已经检查了错误。没有出现错误。当我在你最喜欢的浏览器的开发者工具中点击“播放”按钮断点并检查时，它不起作用。为什么你有重复的

function myFunction

和

setInterval（function（）{

？未捕获类型错误：对象不是函数谢谢，这是我的错误。但修改此错误后它仍然不起作用。这是一项要求。因为教授希望知道我们是否知道如何在输入后启用按钮。因此按钮的初始状态将被禁用。明白了。在查看代码时，play（）函数除了设置变量和数组外什么都不做。也许它应该调用newBoard（..）——否则你的屏幕将什么都不做。我已经修改了（..）的意思是什么？我只是指“括号”。我仍然看不到播放（）函数可以启动游戏。它初始化变量，但从不调用newBoard（）或memoryFlipTile（tile，val）作为play（）函数的最后一行。

form {
    border-color: #A3BDDD;
    border-width: 1px;
    border-style: solid;
    width: 3in;
    height: 2in;
    background-color: #DCE6F2;
}

div#memory_board{
    background:#CCC;
    border:#999 1px solid;
    width:800px;
    height:540px;
    padding:24px;
    margin:0px auto;
}

div#memory_board > div{
    background: url(tile_bg.jpg) no-repeat;
    border:#000 1px solid;
    width:71px;
    height:71px;
    float:left;
    margin:10px;
    padding:20px;
    font-size:64px;
    cursor:pointer;
    text-align:center;
}

<input type="submit" name="play" disabled="disabled" id="play" value="play" onclick="play()">

<input type="submit" name="play" disabled="disabled" id="play" value="play" onclick="play">

<button id="play" value="play" onclick="play()">