Сделайте запрос в API и рассчитайте на результат

Question

Мне нужно сделать запрос к API, а затем сделать расчет результата, я попробовал что-то вроде этого:

file.js

function makeRequest() {
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() { 
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
            calcPreco(xmlHttp.responseText);
    }
    xmlHttp.open("GET", "https://dominio/api/produtos.php?pid=10&get=price&billingcycle=monthly", true); // true para asynchronous 
    xmlHttp.send(null);
}

function calcPreco(preco) {
    console.log(preco);
    preco = preco.replace(",", ".");
    preco -= 5;
    document.getElementById("vps10off").textContent = preco;
}

index.php

<script type="text/javascript"> 
window.onload = makeRequest; 
</script>

<span id="vps10off"></span>

Ничего не происходит, не печатается значение <span>.что я сделал не так?

Answer 1

Вы не вызываете свою функцию makeRequest.

Изменение

window.onload = makeRequest; 

К

window.onload = makeRequest(); 

Если вам нужно выполнить больше кода при загрузке окна, установите значение window.onload для функции, которая вызывает makeRequest вместе с другим кодом, который необходимо выполнить при загрузке страницы.

window.onload = function(){
    makeRequest();
    //other code
}