JavaScript生成的元素不工作

我正在制作一个游戏，所以我盯着它看了一会儿（是的，我确实查看了开发人员日志控制台的错误），没有发现为什么它不会打开一个战斗功能的错误（在我的推理中）

这是说，无论出于什么原因，点击时巨人并没有定义，点击时僵尸也并没有定义，而对于巨人蜘蛛来说，它说了一些缺少参数的东西。我很确定这取决于下面的代码-->

JS-Bin
选课
无法控制的强大机构
阳刚垫
普通乔
攻击
最大伤害：0
健康状况：0
删除统计数据
因为

"<div onclick='battle(" + monsters[z].name + "," + this.value + ")'

理想情况下，您应该使用DOM方法，例如
createElement
和
addEventListener
，这样您就不必处理这个问题。
您应该在这里发布代码，而不是像在其他站点一样。您应该在这里发布格式正确的代码。您应该做的第一件事是查看浏览器的开发人员工具，看看有哪些错误出现了。当我在代码段中单击攻击时，我看到了几个。另外，请解释你期望它做什么而它没有做什么。关于什么是一个好问题的信息，特别是关于…@迈克·麦考汉我做了，我尽可能多地环顾了一下。我说它不会开启战斗功能。我不知道为什么，它说无论出于什么原因，点击时巨人没有定义，点击时僵尸没有定义，而对于巨人蜘蛛来说，它说了一些缺少参数的东西。我试过做实验，但没有解决办法
"<div onclick='battle(" + monsters[z].name + "," + this.value + ")'

<div onclick='battle(whatever, whatever)'

"<div onclick='battle(\"" + monsters[z].name + "\",\"" + this.value + "\")'