// GET A CAT FACT FROM MATTS API

// ENDPOINT
// https://scwebsrv-one.work/matts-project/web-104-api-requests/catFacts.html


// INSTRUCTION 
// write a fetch request that calls to this endpoint and returns a cat fact. 
// pay attention to the data that your receive , console.log it and then display on your page
// the outcome is everytime you load your page, it will grab a new catfact from the endpoint above and display it



<script>

    function getFacts(){

        let url = "https://scwebsrv-one.work/matts-project/web-104-api-requests/catFacts.html" 

        fetch(url)
        .then(function(response){
            return response.text()
            console.log(response)
        })
        .then(function(data){
            console.log(data)
            document.write(data)
        })

    }

    function displayCatFacts(){

        getCatFact()

    }
</script>