De acuerdo con html, mis listas deberían aparecer después de la oración 'Me encanta Mozilla' porque es [1]: https://i.stack.imgur.com/J2i0Q.png pero aparece al final de mi html. Recientemente agregué este código para hacer que después de hacer clic en 'agregar más' pueda agregar listas. Entonces surgió este problema. ¿Cómo debo cambiar mi javascript para hacer eso? (Gracias por su esfuerzo de antemano)
const list = document.querySelector('.xususiyyet') const addMore = document.querySelector('.addList') document.body.appendChild(list); addMore.addEventListener('click', () => { const listItem = document.createElement('li'); const listContent = prompt('What else can be added to my list?'); listItem.textContent = listContent; list.appendChild(listItem); }); <p>i love mozilla because it's</p> <ul class="xususiyyet"> <li>safe</li> <li>fast</li> <li>reliable</li> </ul> <p> and open source browser. Click on <strong class="addList">add more</strong> for adding your reasons.</p> <img src="images/firefox-logo.png" alt="Firefox logo">