0

Preciso criar um script bem simples que faça um pequeno cálculo.

Tenho uma URL que retorna um valor no seguinte formato: 10,00, algo assim:

https://dominio/api/produtos.php?pid=10&get=price&billingcycle=monthly

Eu preciso criar uma função que pegue o valor retornado dessa URL e realize uma subtração desse valor (-5.00), em seguida imprima o resultado em um <span> que tem uma ID específica.

<span id="result"></span>

Como posso criar uma função desse tipo?

1 Resposta 1

3

Para fazer uma requisição à API e calcular sobre o resultado seria algo assim:

function makeRequest() {
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() { 
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
            calcPreco(xmlHttp.responseText);
    }
    xmlHttp.open("GET", "PONHA_SUA_URL_AQUI", true); // true para asynchronous 
    xmlHttp.send(null);
}

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

Para recuperar o preço que esteja num parâmetro da url seria algo assim:

function calcPreco(){
   let preco = new URL(location.href).searchParams.get("get");
   preco -= 5;
   document.getElementById("result").textContent=preco;
}


Caso você receba um número com , no parâmetro (algo como 10,50) faça:

function calcPreco(){
   let preco = new URL(location.href).searchParams.get("get");
   preco = preco.replace(",", ".");
   preco -= 5;
   document.getElementById("result").textContent=preco;
}
12
  • Não funcionou aqui, será que é por que ele retorna o valor com vírgula na URL?
    – Clebson
    24/08/2018 às 19:13
  • números flutuantes em JS são com . ao invés de ,... Seria, por exemplo, 10.50 ao invés de 10,50 24/08/2018 às 19:16
  • E tem como converter isso na função? Pois não posso alterar na API.
    – Clebson
    24/08/2018 às 19:19
  • sim, basta fazer um replace do valor... algo como preco.replace(",", ".");... O código da resposta foi corrigido para adicionar esse useCase. 24/08/2018 às 19:22
  • Estranho, não ta imprimindo o resultado no span..
    – Clebson
    24/08/2018 às 19:29

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .