Closed. This question needs to be more focused。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗?更新问题,使其仅通过editing this post专注于一个问题。
                        
                        去年关闭。
                                                                                            
                
        
我正在尝试从2016年开始在旧政治版的tic-to-to-toe-趾游戏中更改代码。当我刚开始学习编码而从未完成(或学习)它时,我就做了。我要回去,所以我来这里试图找出如何使游戏以平局结束时出现图像,但是只能找到在单击鼠标或按钮时如何做,而我在其中没有任何更改代码(从这些答案)工作。到目前为止,这是我得到的:

if(turn > 9 && gameOver == false){
                document.getElementById("result").innerText = "ELECTORAL TIE! CONGRESS ELECTS JEB BUSH";
                document.getElementById("rend").getContext("2d").drawImage(ttie, 0, 0);
          }


单词出现了,但图片没有出现。我在带有一些图像的文件夹中有3个文件(html,js,css)(一个名为ttie)。我在html中为图像创建了一个名为“ rend”的“ div”,在画布上进行了尝试,甚至将图像移到了体外,但是除了使它“单击”发生之外,没有任何作用。这是html和css条目,所以您知道我在做什么:

<h1 id="result"></h1>
<div id="rend">
           <img id="ttie" src="T-tie.png" width="200" hidden>
       </div>


CSS:

#rend {
position: relative;
float:right;
height: 440px;
width: 318px;


}

document.getElementById(rend).getContext("2d").drawImage(ttie, 0, 0);尝试只是我尝试使图像显示出来的20件事中的最后一个。删除“ .getContext(2d)”不起作用;当比赛以平局结束时改变能见度无效。他们都没有工作。看起来这应该很容易。我想念什么?我是否可以得到针对我的问题的答案,因为我认为我不理解我已读过的类似问题的其他答案,或者我现在已经知道了。

第二个问题:在哪里可以免费亲自学习这些东西?我曾尝试过实习,但我不上学。我现在因失业而受伤,因此是学习这些东西的好时机。

最佳答案

您可以像这样向图像元素添加一个类:

 <h1 id="result"></h1>
    <div id="rend">
       <img id="ttie" src="T-tie.png" width="200" class="hidden">
   </div>


然后为两个隐藏和可见的新类添加规则,在其中将可见性或隐藏设置为可见性:

#rend {
position: relative;
float:right;
height: 440px;
width: 318px;
}
.visible{
visibility:visible;
}
.hidden{
visibility:hidden;
}


之后,当计数器达到10时,您只需删除隐藏类并添加可见类,如下所示:

if(turn > 9 && gameOver == false){
            document.getElementById("result").innerText = "ELECTORAL TIE! CONGRESS ELECTS JEB BUSH";
            document.getElementById("rend").remove("hidden");
            document.getElementById("rend").add("visible");
      }


编辑:
您还可以使用CSS规则display:hidden隐藏某些内容,并使用display:static显示某些内容(如果该元素在隐藏之前是静态的)

第二个问题:
对我有用的是致力于某个项目。尝试构建自己喜欢的东西,只需稍作尝试即可。而且,当您不知道如何构建某些东西时,请进行搜索,因为Google一直都知道。

10-07 19:05
查看更多