Ejemplo fetch: perritos

	<div id="contenedor" class="container ">
		<img id="imagen" src="" width="300">
		<video id="video" controls src="">
		</video>
	</div>
	<script src="js/test.js"></script>

fetch('https://random.dog/woof.json?ref=apilist.fun')
  .then(function (response) { // Si tengo respuesta
    console.log(response)
    return response.text() // El html de la página me lo pasas al siguiente then
  })
  .then(function (html) { // Dentro de html yo tengo la respuesta de la página
    console.log(html)
    const perrito = JSON.parse(html)
    console.log(perrito)
    // Solo me interesa la url del perrito
    const url = perrito.url
    // Obtengo la extensión del archivo
    const extension = url.split('.').pop()
    // SI es vídeo lo pongo en el vídeo y oculto la imagen y viceversa
    if (extension == 'mp4') {
      const video = document.getElementById('video')
      video.src = url
      document.getElementById('imagen').style.display = 'none'
    } else {
      document.getElementById('imagen').src = url
      document.getElementById('video').style.display = 'none'
    }
  })
  .catch(function (err) {
    console.log('Error: ', err)
  })