为什么单击按钮时动画没有播放？我用三个js创建了一个动画

Question

我试图通过单击开始按钮来设置框的动画，但是当我单击开始按钮时，框不会移动。怎么了？ 这是github： https://github.com/Garima5/negativeWorkDone/blob/master/index.html

Answer 1

<div id="info">
        <form>
            <button type="submit" id="animate" onclick="animate()">Start</button>
        </form>
</div>

将其保留为

<div id="info">
    <button id="animate">Start</button>
</div>

然后在脚本的代码中，例如，在animate()函数之前放置这个：

document.getElementById("animate").addEventListener("click", animate, false);