0

Estou criando um conversor numérico. porém devido ao meu conhecimento limitado, não consigo programá-lo para que cada vez que alcance um múltiplo de 200 no contador, seja adicionado 4 no resultado.

Eu até consegui um resultado criando uma variável individual para cada múltiplo, porém acredito que não seja a forma mais adequada.

E também meu contador está computando valores negativos.

<!DOCTYPE html>
<html>
<title>Conversor</title>
<body>

<h2>Conversor</h2>
<p>Conversor:</p>

<p>
  <label>valor</label>
  <input id="inputValor" type="number" placeholder="valor" oninput="Conversor(this.value)" onchange="Conversor(this.value)">
</p>
<p>Resultado: <span id="outputValor"></span></p>

<script>
function Conversor(valNum) {

  var kwh = valNum; 
  var gre;
  if (kwh >= 200) {
    gre= 4;
  } else {
    gre= 2;
  }  
  var b2 = valNum;
 
  var add; 
  if (b2 >= 200) {
    add = 4;
   } else {
    add = 0;
  
   }
   
     var add2; 
  if (b2 >= 400) {
    add2 = 4;
   } else {
    add2 = 0;
  
   }
   
   document.getElementById("outputValor").innerHTML=valNum*gre+add+add2;
}

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

2
  • Qual o erro que aparece? Commented 28/05/2019 às 10:38
  • Bom dia Ronaldo. Está rodando, só que gostaria de saber se tem algum método melhor do que esse que eu fiz, porque dessa maneira terei que fazer uma variável para cada múltiplo de 200. para adicionar 4 ao resultado. Commented 28/05/2019 às 10:49

3 Respostas 3

1

Tem variáveis demais aí. Poderia usar o operador condicional no lugar do if. Eu poderia simplificar um pouco mais, mas no fundo ficaria pior, então deixei assim. Também organizei melhor o código.

<!DOCTYPE html>
<html>
<title>Conversor</title>
<body>

<h2>Conversor</h2>
<p>Conversor:</p>

<p>
  <label>valor</label>
  <input id = "inputValor" type = "number" placeholder = "valor" oninput = "Conversor(this.value)" onchange = "Conversor(this.value)">
</p>
<p>Resultado: <span id = "outputValor"></span></p>

<script>
function Conversor(valNum) {
    var gre = valNum >= 200 ? 4 : 2;
    var add = valNum >= 200 ? 4 : 0;
    var add2 = valNum >= 400 ? 4 : 0;
    document.getElementById("outputValor").innerHTML = valNum * gre + add + add2;
}

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

Coloquei no GitHub para referência futura.

O AP agora diz que quer outra coisa, quem sabe seja isto que ele quer (note que não faz a mesma coisa):

<!DOCTYPE html>
<html>
<title>Conversor</title>
<body>

<h2>Conversor</h2>
<p>Conversor:</p>

<p>
  <label>valor</label>
  <input id = "inputValor" type = "number" placeholder = "valor" oninput = "Conversor(this.value)" onchange = "Conversor(this.value)">
</p>
<p>Resultado: <span id = "outputValor"></span></p>

<script>
function Conversor(valNum) {
    valNum = parseInt(valNum); //não estou tratando se vai dar erro igual ao que foi feito antes
    document.getElementById("outputValor").innerHTML = (valNum * ((Math.trunc(valNum / 200) + 1) * 2)) + valNum + (Math.trunc(valNum / 200) * 4);
}

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

Coloquei no GitHub para referência futura.

4
  • Bom dia eu agradeço atenção, mas a minha duvida é se teria como só fazer uma única var add, e a mesma reconhecer os múltiplos de 200 e adicionar +4 ou vou ter manualmente fazer var add para cada múltiplo (exemplo: var add3 = valNum >= 600 ? 4 : 0;) Commented 28/05/2019 às 11:32
  • 2
    Mas seu código não faz isso. Você coloca um código, diz que ele está funcionando e só quer melhorá-lo. Eu fiz a melhoria baseado no seu código. Se ele está errado e não faz o que deseja, não deveria dizer o que disse. A resposta que você recebe é de acordo com a sua pergunta. Se deseja outra coisa e não diz não tem como as pessoas adivinharem. Agora você está dizendo que quer outra coisa completamente diferente do que está no seu código. Quem garante que depois de eu fazer desse jeito não acontecerá de ser outra coisa que você não tinha percebido?
    – Maniero
    Commented 28/05/2019 às 12:01
  • Não foi por mal talvez tenha feito a pergunta de forma errônea, agradeço a paciência e espero que o tópico venha ajudar outras pessoas. Commented 28/05/2019 às 12:27
  • Eu sei que não foi por mal.
    – Maniero
    Commented 28/05/2019 às 12:27
0

Aqui tem um exemplo de como fazer isso:

<script>
function Conversor(valNum) {

  var kwh = valNum; 
  var gre;
  if (kwh % 200 == 0) {
    gre= 4;
  } else {
    gre= 2;
  }  
  var b2 = valNum;
 
  var add; 
  if (b2 % 200 == 0) {
    add = 4;
   } else {
    add = 0;
  
   }
   
  var add2; 
  if (b2 % 200 == 0) {
    add2 = 4;
   } else {
    add2 = 0;
  
   }
   console.log(gre);
   var resultado=valNum*gre+add+add2;
   //document.getElementById("outputValor").innerHTML=resultado;
   console.log(resultado);
}
Conversor(1600);
</script>
</body>
</html>

0

Me corrija se eu tiver entendido errado, mas tente isso:

function Conversor(valNum){
    var gre = valNum >= 200 ? 4 : 2;
    var soma = parseInt(valNum / 200)
    return soma * 4 + valNum * gre;
}
2
  • Não funcionou, é que a Var "gre" é para alterar o multiplicador do conversor. ele começa *2 e ao chegar aos 200 ele fica *4, essa parte ta ok. O problema é que eu quero adicionar +4 a cada múltiplo de 200 (adicionado no input). sem correlação com var gre. Commented 28/05/2019 às 11:20
  • Editei o código, veja se é isso por favor. Commented 28/05/2019 às 11:58

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 .