У меня есть код который никак не получается починить, мой js файл никак не принимает ответ от php.

Вот js без моих попыток принять запрос{

 const api ={
 base: "back.php"
 };
 let fact = document.querySelector('.fact');
 const btBox = document.querySelector('.btBox');
 btBox.addEventListener('click', function(){


fact.textContent = cat;

});

}

А вот мой php {
<?php

 $api ="https://catfact.ninja/fact";

 $ch=curl_init($api);
 curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
 curl_exec($ch);
 $http_code = curl_getinfo($ch, CURLINFO_RESPONSE_CODE);

 curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
 curl_setopt($ch, CURLOPT_HEADER, false);
 $html = curl_exec($ch);
 curl_close($ch);


 echo $html;

 ?>

}

Я пробовал чтобы php передавал рандомные факты о котах моему js файлу, а у меня никак не выходило и я решил обратиться на данный форум. Помогите пожалуйста