Curso de Javascript | Cambiar atributo src 1

Curso de Javascript
Cambiar atributo src

Curso de Javascript | Cambiar atributo src 2

Curso de Javascript | Cambiar atributo src

1.  
2.  
3.  
4.  
5.  
6.  
7.  
8.  
9.  
10.  
11.  
12.  
13.  
14.  
15.  
16.  
17.  
18.  
19.  
20.  
21.  
22.  
23.  
24.  
25.  
26.  
27.  
28.  
29.  
30.  
31.  
32.  
33.  
34.  
35.  
36.  
37.  
38.  
39.  
40.  
41.  
42.  
43.  
44.  
45.  
46.  
47.  
48.  
49.   
<img src="naranja-triste.jpg"  id="imagen" />
<script>
        const imagen = document.querySelector('#imagen');
	const cambiarImagen = () =>{
		imagen.setAttribute("src","naranja-feliz.jpg");
	}
	imagen.addEventListener('click', cambiarImagen);
</script>

Ejercicio. Cambiar la imágen indefinidamente

Tendremos dos posibles aproximaciones diferentes:

clickCounter++;
obj.setAttribute('src',clickCounter%2==0 ? /* ... */:/* ... */ );
foto1= !foto1;
obj.setAttribute('src',foto1 ? /* ... */:/* ... */ );
Descargar Recurso