javascript - Javascript-动态插入onClick函数(Javascript - Insert onClick function dynamically)

Question

My index.html(我的index.html)

<div id="dropDownBolumDiv" class="dropdown-menu" x-placement="bottom-start" style="position: absolute; transform: translate3d(0px, 38px, 0px); top: 0px; left: 0px; will-change: transform;"> </div> <script> var parameterYil = document.getElementById("dropDownYil1").value; var bolumler = ["ELEME MAK?NALARI", "ELEVAT?R", "EXCELL", "FOTOSORTER"]; for (i = 0; i < bolumler.length; i++) { $("#dropDownBolumDiv").append("<a class='dropdown-item' onclick='refreshCharts(parameterYil,"+bolumler[i]+")'>" + bolumler[i] + "</a>"); } </script> For example : when I clicked EXCELL,nothing happen.And console error says;(例如：当我单击EXCELL时，什么也没有发生。) Uncaught ReferenceError: EXCELL is not defined at HTMLAnchorElement.onclick(未被捕获的ReferenceError：未在HTMLAnchorElement.onclick上定义EXCELL) What is problem ?(有什么问题？)   ask by Hasan Kaan TURAN translate from so

Answer 1

wrap bolumler's units in single quotes(') to make them string, not identifier(将Bolumler的单位包装在单引号（'）中以使其成为字符串，而不是标识符)

bolumler.forEach(v => { $("#dropDownBolumDiv").append(`<a class='dropdown-item' onclick='refreshCharts(parameterYil,"${v}")'>${v}</a>`); })