создаешь новый элемент поверх старого и делаешь его изначально скрытым
заполняешь его контентом
включаешь его и удаляешь старый элемент
//сначала создаешь элемент и добавляешь его в документ поверх старого элемента
элемент.style.display = 'none'
элемент.innerHTML = 'тут html текст'
setTimeout(function(){
{
элемент.style.display = 'flex'
}, 100)
главная твоя ошибка - ты не знаешь js
то есть ты еще не программист
лучше всего сначала изучить только четыре языка - js css html php (плюс js-библиотеки для удобства)
и используя только это написать клиент-серверное приложение, например блог или форум
при этом не подглядывай как это делают другие и обязательно изобрети велосипед
тогда ты станешь настоящим полноценным программистом
после этого можешь думать что делать дальше