mas DOM

<!DOCTYPE html>
<html>

<h2>¿Que hace este código</h2>
<p>JavaScript puede modificar ciertos valores</p>
<p>En este caso, modifica la imagen</p>

<button onclick="document.getElementById('miImagen').src='imagenes/perro1.png'">Caminar</button>

<img id="miImagen" src="imagenes/perro2.png" style="width:100px">

<button onclick="document.getElementById('miImagen').src='imagenes/perro2.png'">Correr</button>

</body>
</html>