1

Opa, então... eu tenho um valor de um input type range que está sendo jogado em um span quero pegar o valor desse span com o javascript, fazer um calculo com esse numero do span e colocar em outro span.

codigo do js:

 var parcela = document.getElementById('exibePercent').value;
 var parcela1 = 4;
 var result1 = parcela / parcela1;
 document.getElementById("parcela1").value = result1;

html:

<span id="exibePercent">1000</span> <!----  SPAN QUE QUERO PEGAR O VALOR E JOGAR NO OUTRO SPAN----> 
<span id="parcela1" value=""></span> <!----- SPAN QUE QUERO QUE RETORNE O VALOR DO RESULT DO JS ---->

1 Resposta 1

1

Para obter o valor de uma span, você não deve utilizar o a propriedade value, mas sim a innerHTML. Tanto para obter o valor quanto para trocar o mesmo.

function trocarValorSpan() {
  var parcela = Number.parseInt(document.getElementById('exibePercent').innerHTML);
  var parcela1 = 4;
  var result1 = parcela / parcela1;
  document.getElementById("parcela1").innerHTML = result1;
}
span {
  display: block;
}

button {
  display: block;
}
<span id="exibePercent">1000</span> <!----  SPAN QUE QUERO PEGAR O VALOR E JOGAR NO OUTRO SPAN----> 
<span id="parcela1" value=""></span> <!----- SPAN QUE QUERO QUE RETORNE O VALOR DO RESULT DO JS ---->

<button onclick="trocarValorSpan()">Trocar valor da span</button>


var parcela = Number.parseInt(document.getElementById('exibePercent').innerHTML);
var parcela1 = 4;
var result1 = parcela / parcela1;
document.getElementById("parcela1").innerHTML = result1;
<span id="exibePercent">1000</span> <!----  SPAN QUE QUERO PEGAR O VALOR E JOGAR NO OUTRO SPAN----> 
<span id="parcela1" value=""></span> <!----- SPAN QUE QUERO QUE RETORNE O VALOR DO RESULT DO JS ---->

Documentação: https://developer.mozilla.org/pt-BR/docs/Web/API/Element/innerHTML

7
  • Preciso que o valor do novo span seja exibido automaticamente, sem button, como posso fazer?
    – Tássio
    Commented 15/04/2020 às 1:50
  • Basta deixar o código "solto" e não dentro de uma função, vou criar outro exemplo pra você ver. Commented 15/04/2020 às 1:52
  • Outra duvida que tenho é que o span "exibir" é dinâmico, sempre troca de valor, então o novo span também tem que ser dinâmico
    – Tássio
    Commented 15/04/2020 às 1:55
  • Não sei exatamente o que você quer fazer, mas se deseja que o valor fique trocando, pode utilizar a função setInterval, se o valor deve mudar quando alguma "outra coisa" mudar, talvez seja possível usar o evento onchange. Commented 15/04/2020 às 2:02
  • 1
    Consegui, obrigado.
    – Tássio
    Commented 15/04/2020 às 2:36

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 .