<分区>
我正在尝试更改 2016 年井字棋游戏的旧政治版本中的代码。我在第一次开始学习编码时就做到了，但从未完成(或学习)。我正在恢复，所以我来到这里试图找出当游戏以平局结束时如何使图像出现，但只能在单击鼠标或按钮时找到如何做并且我没有改变代码(来自那些答案)有效。到目前为止，这是我得到的:
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”，在 Canvas 上进行了尝试，甚至将图像移到了 body 外部，但除了“单击”之外没有任何效果。这是 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)”不起作用；当游戏以平局结束时更改可见性不起作用；他们都没有工作。看起来这应该很容易。我错过了什么？我可以得到一个特定于我的问题的答案吗，因为我不认为我理解我读过的类似问题的其他答案，或者我现在已经想通了。
第二个问题:有什么地方可以免费亲自学习这些东西吗？我试过实习，但我不去上学。我现在失业了，所以现在是学习这些东西的好时机。