在刀片条件语句中使用 Javascript 变量

Question

好的，所以我正在创建一个日历，因为它们的日期正在加载，所以我必须检查当天是否有事件，以便它可以在当天的 div 中呈现。我通过检查“if”语句来做到这一点，如果“i”是一个月中的某一天等于“event_date”。这是从数据库中提取的。

这是我的代码：

for(let i = 1; i <= paddingDays + daysInMonth; i++) {
    const daySquare = document.createElement('div');
    daySquare.classList.add('day');

    const dayString = `${month + 1}/${i - paddingDays}/${year}`;

    if (i > paddingDays) {
      daySquare.innerText = i - paddingDays;

      // const eventForDay = events.find(e => e.date === dayString);

      const eventDiv = document.createElement('div');
      eventDiv.classList.add('event');
      HTMLholder =  `@foreach($events as $event)
                         <div class = "mb-0 text-black">
                             @if($event->event_date == `;
                                 HTMLholder += i;                                 
                                 HTMLholder +=`)

                                 <button class = "bg-green-300 hover:bg-red-700" type = "button">testing</button>
                             @endif
                         </div>
                     @endforeach`;
      eventDiv.innerHTML = HTMLholder;
      daySquare.appendChild(eventDiv);


      if (i - paddingDays === day && nav === 0) {
          daySquare.id = 'currentDay';
      }

我遇到的问题是“eventDiv.innerHTML”。我不知道如何将“i”与 event->event_date 进行比较。请帮忙。