Exemplo de Parcelas / JS -> HTML

[L. Henrique 179]

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?

[bruno_mosciatti 22]

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 179]

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 22]

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 179]

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!