Здравствуйте.
index.html
<div id="app">
</div>
<script src="main.js"></script>
main.js
let app = document.getElementById('app');
app.innerHTML+="<ul>";
for(let i=0; i<3; i++)
app.innerHTML += `<li>innerText${i}</li>`;
app.innerHTML+="</ul>";
Получается:
<ul></ul>
<li>innerText0</li>
<li>innerText1</li>
<li>innerText2</li>
Почему так получается? Почему тег <ul> закрывается сразу?