Random Dog.api

index.html

<div id="baby"><img src=" https://dog.ceo/api/breeds/image/random " alt="babies" height="100" width="100"></div>
<br>
<button id="images" style="color:green; background-color: white">change me🙂</button>

random-dog-api.markdown

Random Dog.api

A Pen by Nandhini on CodePen.

License.

script.js

const babyImg=document.getElementById('baby')
const imgChange=document.getElementById('images')

const changeImg=()=>{
fetch('  https://dog.ceo/api/breeds/image/random  ')
.then(response=>response.json())
.then(json=>{
  
  babyImg.innerHTML=`<img src='${json.message}'height="300" width="300"/>`
  
  }) 
  }
imgChange.onclick=()=>changeImg()