Javascript 了解如何使用CodePen'；s IDE与2d射手配合使用

我制作了一个非常基本的2d shooter，所有代码都放在一个html文件中：（）。当我在本机chrome浏览器中打开文件时，一切都完全按照我的预期进行。但是，当我复制代码并将相应的HTML/CSS/JS放入IDE代码笔的相应字段时，程序的行为并没有达到预期的效果。我可以看到JS是通过程序中内置的可视文本指示来工作的，但是基于键盘输入的正方形上下左右移动的动画不会产生动画。“子弹”也不会像预期的那样产生动画效果。我想知道IDE对代码的解释与我的本机浏览器有什么不同，以及如何解决这个问题

我认为问题可能与以下代码有关，但我不确定：

document.addEventListener("keydown", keyBoardInput); 

---

（）

我不确定它在您这边是如何工作的，但是要更改

顶部和
左侧，您需要附加该单元，在本例中是
px

因此，而不是
player.style.left=playerLeft
，do
player.style.left=playerLeft+“px”

控制台中是否有错误？您在键入之前是否关注文档？我强烈建议您在HTML 5画布中执行此操作，默认DOM并不是真正用于游戏的。@SpencerWieczorek是的，我知道，我仍然希望在默认DOM中编写它。@espascarello我在控制台中没有看到错误。不过我相信@Veehmot发现了问题。好了，行了。不知道为什么我的浏览器允许我的版本工作？Thx虽然-它的工作预期现在。