finalizado

Author: chrisktventura

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

assets/audio/audio1.mp3

@@ -27,6 +27,8 @@ <h3>
           <div class="img">
             <img id="imagem" src="./assets/img/naruto1.jpg" alt="" />
           </div>
+          <audio autoplay controls src="./assets/audio/music.mp3"></audio>
+         
         </div>
       </section>
     </main>

assets/audio/audio2.mp3

@@ -1,25 +1,39 @@
-const elementoNome = document.getElementById('nome'); 
-const elementoSituacao = document.querySelector('#situacao');  
-const elementoImg = document.querySelector('#imagem') 
-let elementoBtn = document.querySelector('#alterar')
+const elementoNome = document.getElementById("nome");
+const elementoSituacao = document.querySelector("#situacao");
+const elementoImg = document.querySelector("#imagem");
+// const elementoBg = document.body.style.backgroundImage;
+let elementoBtn = document.querySelector("#alterar");
 
-elementoBtn.addEventListener('click', () =>{
+elementoBtn.addEventListener("click", () => {
+  if (elementoBtn.value == "primeiro") {
+    elementoImg.src = "./assets/img/naruto1.jpg";
+    elementoNome.innerText = "Naruto Uzumaki ";
+    elementoSituacao.innerText = "Normal";
+    document.body.style.backgroundImage = "url('./assets/img/bg.jpg')";
 
-    if(elementoBtn.value == 'primeiro'){
-        elementoImg.src = '../assets/img/naruto1.jpg'
-        elementoNome.innerText = 'Naruto Uzumaki '
-        elementoSituacao.innerText = 'Normal'
-        elementoBtn.value = 'segundo'
-    } else if(elementoBtn.value == 'segundo') { 
+    
+    elementoBtn.value = "segundo";
+  } else if (elementoBtn.value == "segundo") {
+    elementoImg.src = "./assets/img/naruto2.png";
+    elementoNome.innerText = "Naruto 1 cauda";
+    elementoSituacao.innerText = "Descontrolado";
+    document.body.style.backgroundImage = "url('./assets/img/bg2.jpg')";
+    document
+    
+    elementoBtn.value = "terceiro";
+  } else {
+    elementoImg.src = "./assets/img/naruto3.jpg";
+    elementoNome.innerText = "Naruto 4 caudas";
+    elementoSituacao.innerText = "Chama o Yamato";
+    document.body.style.backgroundImage = "url('./assets/img/bg3.jpg')";
+    elementoBtn.value = "primeiro";
+  }
+});
 
-        elementoImg.src = '../assets/img/naruto2.png' 
-        elementoNome.innerText = 'Naruto uma cauda'
-        elementoSituacao.innerText = 'Descontrolado' 
-        elementoBtn.value = 'terceiro'  
-    } else { 
-        elementoImg.src = '../assets/img/naruto3.jpg' 
-        elementoNome.innerText = 'Naruto Capiroto' 
-        elementoSituacao.innerText = 'Chama o Yamato'
-        elementoBtn.value = 'primeiro'
-    }
-})
+function AsyncTrocaImg() {
+  $.post(base + "Home/GetNewImg", {}, function (URL) {
+       $('body').css('background-image', 'url('+URL+')');
+  }).fail(function () {
+      console.log("error");
+  })
+}