Publicado em 24 de jul.

Exemplo de Parcelas / JS -> HTML

Pessoal,

Nunca fui muito fã de JS e recentemente estou resolvendo me aventurar nisso, e por fins acadêmicos estou com o seguinte problema...

Criei um painel onde é apresentado um valor (ex.: 800,00) e abaixo dele não consegui colocar esse valor dividido por uma quantidade X.
Assim ficou o HTML:

<div id="valor">800</div>
<div id="total"></div>

Tentei colocar qualquer valor no lugar de X e acabei fazendo esse jQ:

$(document).ready(function(){
 var val_produto = document.getElementById('valor');
 var divisor = 3; //Aqui é um valor X definido. Pode ser 1, 2, 10, 70...
 var total = valor3x;

 valor3x = Math.floor(val_produto / divisor);

 document.querySelector('#total').innerHTML = total;
}

Muito provável (99%), vocês devem ter lido o código e pensado: "Nossa, que m**** é essa?" - É a mesma coisa que penso, fiz fiz fiz e no fim nem eu entendi o que escrevi.

Resumindo: Eu queria tentar pegar o valor 800 da div com id="valor", subtrair esse valor por X (ou 3 como mostrado) e exibi-lo na div com id="total.

Como prosseguir?

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

bruno_mosciatti· 24 de jul.

Subtrair ou dividir?!

Enfim, nãoprecisa desse mathfloor

Tá na mão eim, muito fácil...

HTML//

Valor1<input type="text" class="input value1"><br />
Valor2<input type="text" class="input value2"><br />
<input type="text" disabled="disabled" id="result">

JS//

$(document).ready(function(){
 $(".input").keyup(function(){
 var val1 = +$(".value1").val();
 var val2 = +$(".value2").val();

 $("#result").val(val1/val2);
 });
});

L. Henrique· 24 de jul.

Dividir.

A intenção não era usar inputs. Eu queria tentar resgatar o conteúdo 800 já predefinido dentro de um outro estilo de tag, como a Div e dividí-la por um número X, sem que tenha de ficar escrevendo valores num input.

Mas serviu de aprendizado, obrigado!

bruno_mosciatti· 24 de jul.

Cara, é só trocar input pelo elemento que quer... Quer mais o quê, parceiro?! Já nem era para eu ter postado o código de mãos beijadas aqui... Ajeita essa sua assinatura do perfil ai de "Desenvolvedor Web" então

L. Henrique· 24 de jul.

Bem, como eu disse, fins acadêmicos. Se eu quisesse só copiar e colar um código, teria entrado no stackoverflow ou ter já colocado como resolvido.

"Cara, é só trocar input pelo elemento que quer..." - Lembrando que, numa tag span, por exemplo, o JS reconhece qualquer valor como texto e não como número, então o seu código Ctrl + C e Ctrl + V não serviria além dos inputs. A sorte é que você só é Webdesigner, então não da pra te julgar por não saber um .text();

Mas valeu a iniciativa, obrigado!

Educação mandou abraços!