Javascript 创建元素，然后编写innerHTML

所以我已经找了两天的答案了。如何创建一个元素，然后使用innerHTML用HTML编写它

函数dataPull（）{
//连接到我的服务器，从中提取包含事件开始、结束、摘要和组织者的JSON数据。
取回（“http://localhost:8000/events）然后（（resp）=>resp.json（））。然后（render）
};
函数eventFilter（事件）{
eventTime=新日期（事件）；
eventHours=eventTime.getHours（）；
eventMinutes=eventTime.getMinutes（）；
如果（事件分钟数<10）{
eventMinutes=“0”+eventMinutes
}
返回事件=eventHours+“：”+eventMinutes；
};
功能事件映射（eventBooked）{
返回`
${eventFilter（eventBooked.start）}
${eventFilter（eventBooked.end）}
${eventBooked.summary}
${eventBooked.organizer}
`;
};
函数渲染（数据）{
数据.事件.排序（函数（a，b）{
返回新日期（a.start）.getTime（）-新日期（b.start）.getTime（）；
});
//删除过时的事件。
让EventsToutDate=data.events.filter（（项）=>{
让endTime=新日期（item.end）；
if（Date.now（）{
让startTime=新日期（item.start）；
if（Date.now（）>startTime）{
退货项目；
}
});
//与已过期的事件相同，但没有正在进行的事件。
让Filteredeventsnotoutdate=事件snotoutdate.filter（（项）=>{
让startTime=新日期（item.start）；
if（Date.now（）0&&FilteredeventSnotToutDate.length>=1）{
return document.getElementById（“eventList”）.innerHTML=
`
进行中
${eventFilter（eventInProgress[0].start）}
${eventFilter（eventInProgress[0].end）}
${eventInProgress[0]。摘要}
${eventInProgress[0]。组织者}
以后的${Filteredeventsnotudate.map（eventMap.join（“”）}
`;
}else if（eventInProgress.length>0&&FiltereDeventSnotToutDate.length<1）{
return doc.getElementById（“eventList”）.innerHTML=
`
进行中
${eventFilter（eventInProgress[0].start）}
${eventFilter（eventInProgress[0].end）}
${eventInProgress[0]。摘要}
${eventInProgress[0]。组织者}
`
}else if（eventInProgress.length==0&&filteredeventsnootdate.length>0）{
return document.getElementById（“eventList”）.innerHTML=
`接下来是${filteredeventsnootdate.map（eventMap.join（“”）}；
}否则{
document.getElementById（“事件列表”）.innerHTML=
`
没有安排会议。
在谷歌日历上安排会议；
};
};
设置超时（数据拉取）；
设置间隔（数据拉动，10000）
您的代码段正在使用，它应该与您的版本一样工作（如果在IE上，您可能需要将
textContent
替换为
innerText
）


函数dataPull（）{
//连接到我的服务器，从中提取包含事件开始、结束、摘要和组织者的JSON数据。
取回（“http://localhost:8000/events）然后（（resp）=>resp.json（））。然后（render）
};
函数eventFilter（事件）{
eventTime=新日期（事件）；
eventHours=eventTime.getHours（）；
eventMinutes=eventTime.getMinutes（）；
如果（事件分钟数<10）{
eventMinutes=“0”+eventMinutes
}
返回eventHours+“：”+eventMinutes；
};
函数eventMap（eventBooked，classSuffix=“”）{
事件=document.createElement（“div”）
event.classList.add（“事件”）
//创造时间
时间=document.createElement（“div”）
time.classList.add（“eventTime”+类后缀）
time.textContent=eventFilter（eventBooked.start）
//创建timep
timep=document.createElement（“p”）
timep.classList.add（“timep”）
timep.textContent=eventFilter（eventBooked.end）
//创建信息
info=document.createElement（“div”）
info.classList.add（事件时间）
//创建摘要
摘要=document.createElement（“h1”）
summary.classList.add（“eventSummary”+类后缀）
summary.textContent=eventBooked.summary
//创建组织者
组织者=document.createElement（“p”）
organizer.classList.add（“eventOrganizer”+类后缀）
organizer.textContent=eventBooked.organizer
//附加所有内容
事件.appendChild（时间）
time.appendChild（timep）
事件。追加子项（信息）
信息附件子项（摘要）
信息附加子项（组织者）
返回事件
};
函数渲染（数据）{
数据.事件.排序（函数（a，b）{
返回新日期（a.start）.getTime（）-新日期（b.start）.getTime（）；
});
//删除过时的事件。
让EventsToutDate=data.events.filter（（项）=>{
让endTime=新日期（item.end）；
if（Date.now（）{
让startTime=新日期（item.start）；
if（Date.now（）>startTime）{
退货项目；
}
});
//与已过期的事件相同，但没有正在进行的事件。
让Filteredeventsnotoutdate=事件snotoutdate.filter（（项）=>{
让startTime=新日期（item.start）；
如果（Date.now（）