main.js

//Example fetch using pokemonapi.co
document.querySelector('button').addEventListener('click', getFetch)

function getFetch(){
  const choice = document.querySelector('input').value
  const url = 'https://api.nasa.gov/planetary/apod?api_key=86d5qJifycnTLmGzhHWsLQMB6Cs3teaBarBgF7WH'

  fetch(url)
      .then(res => res.json()) // parse response as JSON
      .then(data => {
        console.log(data)
        if(data.media_type === "image"){
          document.querySelector('img').src= data.hdurl
        }else if(data.media_type === 'video'){
          document.querySelector('iframe').src=data.url
        }
        document.querySelector('h3').innerText = data.explanation
        document.querySelector('h2').innerText = data.date
      })
      .catch(err => {
          console.log(`error ${err}`)
      });
}