<div class = "ad-container"></div>
<script>
let html = '';
function createAd() {
const adBoxElement = document.querySelector('.ad-box');
const closeButtonElement = document.querySelector('.close-button');
const adContainerElement = document.querySelector('.ad-container');
let localHtml =
`
<div class="ad-box">
<div class="close-button">X</div>
<div class="ad-text">Google Ads</div>
</div>
`;
html += localHtml;
adContainerElement.innerHTML = html;
closeButtonElement.addEventListener('click', () => adBoxElement.remove());
}
setTimeout(createAd, 2000);
</script>
Olá, sou novo em Javascript. Quero criar algo como um anúncio que aparece depois de dois segundos e depois desaparece ao clicar no botão X. Funciona quando chamo uma função para criar o anúncio, mas por que não funciona com setTimeOut()
?