HTML Substituir o valor do "erro" Infinity

Thyago Barbosa · 13 de outubro de 2017

Galera eu tenho o seguinte script que está fazendo dividindo o "555555555" pelo "valor input do meio", só que enquanto não tem valor no "input do meio", o resultado do "último input" aparece Infinity (justamente porque está dividindo 55555555 por 0 e da erro)

Daí eu queria que esse erro no lugar de "Infinity", aparecesse "0".

Se alguém souber, usa o meu script abaixo como exemplo por favor

</head>
<body>
<input class="valr-parc" type="text" name="valr-parc" placeholder="R$ 0,00" style="width: 175px;" />
<input class="avista" type="text" name="avista" />
<input class="diferenca" type="text" name="diferenca" readonly />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
    var valr_parc  = $(".valr-parc");
    var dif  = $(".diferenca");
    var avista     = $(".avista"); 
    
    valr_parc.on("keyup", function(){
        $(this).val($(this).val().replace(/[^\d.]/g, ''));
		var calc = valr_parc.val() * 100 / avista.val();
			dif.val(calc.toFixed(2) + "%");
	});
});

</script>
</body>
</html>

DiF · 13 de outubro de 2017

@Thyago Barbosa

Só fazer um teste se o resultado do cálculo é finito ou não.

//O sinal de ! na frente significa "Negação", ou seja, "is not Finite()"...
if (!isFinite(calc)){
    dif.val("0%"); 
 }else{
    dif.val(calc.toFixed(2) + "%");
}

Exemplo online: https://jsfiddle.net/dife/g4kf3r43/

Se quiser, pode fazer em uma linha com a condição ternária:

//condição ternária
calc = (!isFinite(calc)) ? dif.val("0%") : dif.val(calc.toFixed(2) + "%");

Exemplo Online: https://jsfiddle.net/dife/g4kf3r43/1/

Entrar

HTML Substituir o valor do "erro" Infinity

Posts recomendados

Thyago Barbosa

DiF

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Quem está navegando aqui 0 usuários estão online

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos