在页面上随机移动图像

Question

我正在尝试使用随机数在页面上移动图像，这会影响图像的移动量​​。我得到了随机数字，所以我知道这个数字正在生成，但我的图像根本不会移动。

以下是我使用过的html，javascript和css：

http://jsbin.com/bodajisihu/1/edit?html,css,js,output

Answer 1

您错误拼写了函数名称。 “moveCars”中有一个“s”

Answer 2

http://jsbin.com/begafabuya/1/edit?html,css,js,output

请查看此编辑的JSBin。

我做了以下更改：  1.您试图将left值设为car1.style.left，如果您已在外部样式中定义left，则该值不适用于图像。你需要内联。  2.现在，您可以使用car1.style.left，但它仍会返回一个附加了“px”的字符串，因此我使用.replace("px", "")替换了该字符串。但是我认为仅parseInt就可以解决这个问题，所以这一点可能并不重要

请注意，car1是对汽车元素的引用，即var car1 = document.getElementById('car1');。