Calling javascript in a php page

Question

I'm trying to call this JS function inside a php page (footer.php), but it's not working. I've tried multiple options, like placing the script inside a php echo, but that didn't work either. I'm stuck here. Any suggestions to call it properly?

<?php
/**
* Header for our theme
*/

electro_get_footer();
?>    
<div class="kiyoh">
<span id="cijfer" class="review-cijfer"></span>
<span class="review-cijfer-after"> / 10</span>
<a href="https://kiyoh.nl/lumenlab">
<span id="beoordelingen" class="review-beoordelingen"></span>
<span class="review-beoordelingen-after"> beoordelingen</span>
</a>
</div>
<script type="text/javascript">
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
    myFunction(this);
}
};
xhttp.open("GET", 
"https://www.kiyoh.nl/xml/recent_company_reviews.xml? connectorcode=xws9TE3TQSX7t7Hrj9xFAbYwhraBaenGFHYWt9jKyx4CRV5vFW&company 
_id=16907&reviewcount=all&showextraquestions=1", true);
xhttp.send();

function myFunction(xml) {
var xmlDoc = xml.responseXML;
document.getElementById("cijfer").innerHTML =
xmlDoc.getElementsByTagName("total_score") 
[0].childNodes[0].nodeValue;

document.getElementById("beoordelingen").innerHTML =
xmlDoc.getElementsByTagName("total_reviews") 
[0].childNodes[0].nodeValue;
}
</script>

Answer 1

I have change the url in the xhttp.open() function and it work.

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    myFunction(this);
  } else {
    console.log("readyState: " + this.readyState);
    console.log("Status: " + this.status);
  }
};

xhttp.open("GET", "https://www.kiyoh.nl/xml/recent_company_reviews.xml?connectorcode=xws9TE3TQSX7t7Hrj9xFAbYwhraBaenGFHYWt9jKyx4CRV5vFW&company_id=16907&reviewcount=all&showextraquestions=1", true);
xhttp.send();

function myFunction(xml) {
  var xmlDoc = xml.responseXML;

  document.getElementById("cijfer").innerHTML        = xmlDoc.getElementsByTagName("total_score") [0].childNodes[0].nodeValue;
  document.getElementById("beoordelingen").innerHTML = xmlDoc.getElementsByTagName("total_reviews") [0].childNodes[0].nodeValue;
}