单击按钮时如何创建烟花

Question

因此，我发现此动漫JS影响了它在哪里制作微型烟花。尽管我似乎无法弄清楚单击按钮时如何触发它们。只有当我单击任意位置时，烟花才会出现，我只想单击按钮就希望它弹出。

我尝试过的事情：

document.getElementById("btn").addEventListener("click",function(e){
  window.human = true;
  render.play();
  updateCoords(e);
  animateParticules(pointerX, pointerY);
}, false);

使用我尝试过的代码： https://gyazo.com/8b10888f7a4cd3741f8269cbe14d3b2f

没有我尝试过的代码： https://gyazo.com/2a17f86c0e23469b40d96fa46e79eec5

https://codepen.io/dogboy602k/pen/qyVrMx

Answer 1

在您的Codepen中，您似乎正在尝试通过等于“ btn”的ID属性来定位按钮，但是只分配了“ btn”类。添加正确的ID，或使用当前类名作为元素的目标，就应该一切就绪。