JavaScript para exibir uma publicidade aleatória

0

Você pode usar JavaScript para exibir uma publicidade aleatória em sua página HTML. Aqui está um exemplo de como fazer isso:

  1. Primeiro, crie uma lista de anúncios que você deseja exibir. Cada anúncio deve ser um elemento HTML, com um ID único para referenciá-lo no JavaScript. Por exemplo:
html
<div id="ad-1"> <img src="ad1.png" alt="Anúncio 1"> </div> <div id="ad-2"> <img src="ad2.png" alt="Anúncio 2"> </div> <div id="ad-3"> <img src="ad3.png" alt="Anúncio 3"> </div>
  1. Em seguida, adicione um elemento HTML que será o contêiner para a publicidade. Por exemplo:
html
<div id="ad-container"></div>
  1. Em seguida, adicione o seguinte código JavaScript ao seu arquivo HTML. Ele selecionará aleatoriamente um dos anúncios da lista e o exibirá no contêiner:
html
<script> var ads = document.querySelectorAll('[id^="ad-"]'); var adIndex = Math.floor(Math.random() * ads.length); var ad = ads[adIndex]; var container = document.getElementById('ad-container'); container.appendChild(ad); </script>

O código JavaScript acima seleciona todos os elementos que possuem um ID que começa com "ad-", em seguida, gera um índice aleatório para escolher um anúncio aleatório da lista. Em seguida, ele adiciona o anúncio selecionado ao contêiner ad-container.

Você pode colocar este código JavaScript na seção <head> do seu arquivo HTML, ou no final do arquivo, antes da tag </body>. Isso garantirá que o código JavaScript seja executado depois que os elementos da página forem carregados.

Postar um comentário

0 Comentários
* Please Don't Spam Here. All the Comments are Reviewed by Admin.