luistavares

JavaScript - Alterando conteúdo imagem

Jun 30th, 2022 (edited)
688
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 0.77 KB | None | 0 0
  1. <html lang="pt-br">
  2.     <head>
  3.         <meta charset="utf-8"/>
  4.         <title>Trocando imagens</title>
  5.         <script>
  6.             var imgAtual = "paisagem2.jpg";
  7.             var imgAnterior = "paisagem1.jpg";
  8.  
  9.             function trocar(){    
  10.                 document.getElementById("figura").src = imgAtual;
  11.                 let aux = imgAtual;
  12.                 imgAtual = imgAnterior;
  13.                 imgAnterior = aux;
  14.             }
  15.         </script>
  16.     </head>
  17.     <body>
  18.         <h3>Alterando imagem com JavaScript</h3>
  19.         <p>Usando o JavaScript para trocar um conteúdo imagem.</p>
  20.         <button onclick="trocar()">Trocar Imagem</button>
  21.         <br><br>
  22.         <img id="figura" src="paisagem1.jpg" width="300" height="300"/>
  23.     </body>
  24. </html>
Add Comment
Please, Sign In to add comment