如何使用JavaScript使用innerHTML访问树枝变量？

Question

我目前正在尝试使用JavaScript从嫩枝变量中获取innerHTML。但是我无法访问它。

我创建了一个数组日历。然后将其通过控制器，以便可以与模板中的树枝一起使用。 然后我命名了一个div，从该数组中渲染一些单元格。
使用javascript，我从div中获取ID并使用innerHTML方法。 之后，我只需添加一个警报框来检查是否显示了我的innerHTML。

myPage.html.twig ：

{% for day in calendrier %}
....
<div id="myId">{{day[2]}}</div>
...
{% endfor %}

javascript.js：

document.getElementById('myId').addEventListener('click', fn);

function fn(){ alert(this.innerHTML); };

我无法访问此值。 我期望从这个div开始。例如，假设“ 14”或用户在日历上单击的任何数字。

我如何处理到达{{ day[2] }}的地方？

感谢您的答复。