javascript Pegar o restante das casas decimais e realizar uma conversão

[thvinicius 0]

Sou bem leigo em javascript, mas acho que dá para fazer isso nesta linguagem. Tentei de uma forma bem trivial, mas não obtive sucesso. Basicamente tenho um sistema que converte a quantidade em kg para caixas de biscoitos, por exemplo:

 

<form id="bisc_salg" class="box_Branco">
<p class="desc_item"> Biscoito Salgado Cream Cracker </p>
  <input type="text" placeholder="Qtde." class="qtde_Req" id="multiplicando3" onChange="bisc_salg();"> 
  <input type="text" class="invisible" id="multiplicador3" readonly="readonly" value=4.8 onChange="bisc_salg();"> =
  <input type="text" class="retorno" id="resultado3" readonly="readonly"> caixas
</form>

function bisc_salg(){
	p3 = document.getElementById("multiplicando3").value;
	p4 = document.getElementById("multiplicador3").value;
	r = p3/p4;
	document.getElementById("resultado3").value = r.toFixed(3);
	}

Vamos supor que eu tenha 14.8 kg e jogando nesse sistema eu obtenho: 3.083 que significa 3 caixas inteiras e um pacote de biscoito. Ou seja, cada pacote tem 400 gramas. Como eu pego esse resto da casa decimal e converto em pacotes? Mais ou menos teria que retornar:

3 caixas e 1 pacote.

Os dados resumidos são: Cada caixa tem 12 pacotes de biscoitos e 4.8 Kg; cada biscoito tem 400 gramas.

[Overtron8000 0]

Não entendi o motivo de tantos imputs então vou simplificar,

No html: Como você quer usar numeros quebrados optei por deixar o imput no valor de text, se quiser depois pode fazer um tratamento para so receber numeros nesse campos

<form id="bisc_salg" class="box_Branco">
<p class="desc_item"> Biscoito Salgado Cream Cracker </p>
  <input type="text" placeholder="Kgs" id="kilos" onChange="bisc_salg()"> =
  <span id= "caixas"></span> caixas <span id= "pacotes"></span>
</form>

No javascript:

-Bom você pode declarar um spam no meio do texto do html e depois mudar o conteúdo dele selecionando a id com o querySelector eu prefiro fazer assim vai de cada um

  var caixas = document.querySelector('#caixas');
  var pacotes = document.querySelector('#pacotes');
  var r;
function bisc_salg(){
  //aqui eu peguei os quilos que voce digitou no imput
  var p3 = document.getElementById("kilos").value;
  p3 = parseFloat(p3); //conversao do imput que veio no formato de string
  var resto = (p3/0.4)%12; //aqui se acha o resto
  r = (p3/0.4)/12; //aqui se calcula quantos pacotes vai ter
  caixas.innerHTML=r.toFixed(0).toString();
  //if para decidir se vai ter o valor dos pacotes ou nao
  //se uma caixa so cabem 12 entao o resto so pode ser 12 no maximo
  //e preciso arredondar depois da conversao pois com qualquer valor acima de 11 melhor e usar outra caixa
 if (Math.round(resto)!=12){
  pacotes.innerHTML=' e '+Math.round(resto).toString()+ ' pacotes';
 }
}

A maior dificuldade desse problema e a logica mesmo, de resto e bem simples.

 

imput: 9.6 saida: 2 caixas

imput: 14.8 saida: 3 caixas e 1 pacotes