Mudar imagem usando JavaScript

[patrick_evan 0]

Bom, primeiramente queria deixar bem claro que não tenho muito conhecimento em JavaScript.

 

Eu queria montar um Js que quando eu clique em um botão ele mude a imagem e o link que contem nela basicamente isso.

 

<button class=""></button> 
<a href=""><img src="..." class="" alt=""></a>
<a href=""><img src="..." class="" alt=""></a>
<a href=""><img src="..." class="" alt=""></a>

Lembrando que são imagens diferentes.

 

Vlw!

[Billy 11]

da para ter uma idéia

 

https://jsfiddle.net/wzxj4kLL/

 

sendo que se for imagens diferente para cada .. ao invés de buscar pela tag, poderia ser pelo id, ou se tiver mais imagens ... e as outras não deveriam mudar... poderia ser pela classe....

[patrick_evan 0]

2 horas atrás, Billy disse:

da para ter uma idéia

 

https://jsfiddle.net/wzxj4kLL/

 

sendo que se for imagens diferente para cada .. ao invés de buscar pela tag, poderia ser pelo id, ou se tiver mais imagens ... e as outras não deveriam mudar... poderia ser pela classe....

 

Tive alguns problemas, mas me ajudou ficou dessa forma ainda não esta pronto.

     	<button class="" id="btn">TESTE</button> 
        <a id="a" href="exemplo1.com"><img src="..." id="img" class="" alt=""></a>
        <a id="a" href="exemplo1.com"><img src="..." id="img" class="" alt=""></a>
        <a id="a" href="exemplo1.com"><img src="..." id="img" class="" alt=""></a>

window.onload = function () { 
  document.getElementById("btn").addEventListener("click", btnClick);

          function btnClick(evt){

            evt.preventDefault();

            let link = "https://exemplo2.com"
            let image = "..."

            Array.prototype.slice.call(document.getElementsByTagName("a")).forEach(function(item){
            item.setAttribute("href", link);
            });

            Array.prototype.slice.call(document.getElementsByTagName("img")).forEach(function(item){
            item.setAttribute("src", image);
            });
};   
          }

Como eu tinha mencionado sou novato e tive um problema quando tentei rodar o código no navegador aparecia um erro no "addEventListener", mas parece que era só colocar o código dentro de uma "window.onload".

 

Mesmo assim já é um começo muito obrigado!