Sobre calculadora não usando números decimais nas contas

Conrado_Bibiano · Abril 24, 2019, 1:16pm

Olá, estou fazendo uma calculadora para um trabalho de faculdade mas estou com um problema, quando vou fazer cálculos utilizando números decimais ela dá resultados inteiros, tipo 1.1+1.1 dá 2 e não 2.2, teria como alguém apontar o que está errado? Desculpe o incomodo e obrigado desde já.

Conrado_Bibiano:

<head>

img { position: absolute; left: 0px; top: 0px; z-index: -1; } .OutlineText { font-size: 20px; color: white; text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000, -2px 0 0 #000000, 2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000; }

	<meta charset="UTF-8">
	<!--Importa o JQuery -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>	
	<script type="text/javascript">
		<!--Implementação da função calcular -->
		function calcular(){
			<!--Busca o primeiro valor no HTML -->
			var a=$("#num1").val();	
			<!--Busca o segundo valor no HTML -->
			var b=$("#num2").val();
			<!--Busca a operação escolhida -->
			var op=$("#ope").val();
			<!--Verifica se o usuário escolheu a operação de adição -->
			if(op=='+'){
				var c = parseInt(a)+parseInt(b);
			}
			<!--Verifica se o usuário escolheu a operação de subtração -->
			if(op=='-'){
				var c = parseInt(a)-parseInt(b);
			}
			<!--Verifica se o usuário escolheu a operação de multiplicação -->
			if(op=='*'){
				var c = parseInt(a)*parseInt(b);
			}
			<!--Verifica se o usuário escolheu a operação de divisão -->
			if(op=='/'){
				var c = parseInt(a)/parseInt(b);
			}				
			<!--Atualiza a tela com o resultado -->
			$("#num3").val(c);
		}
	
	
	</script>
	
	
</head>

<body style="background-color:lightblue;">
<div class="OutlineText">
<font face="Courier">
<img src="nuvem12.png" alt="nuvem2.jpg">
	<!-- Insere uma caixa de texto na tela -->
	
	
	
	<br><br><br><br><br><br><br><br><br><pre>
	                                                           Número 1: <input type="text" id="num1">
	                                                           Número 2: <input type="text" id="num2">		
	                                                           Operação: <select id="ope">
		<option>+</option>
		<option>-</option>
		<option>*</option>
		<option>/</option>
		<option>Raíz</option>
		<option>Potência</option>
	</select>
	                                                                     <button onclick="calcular()">Calcular</button>
	                                                           Resultado:<input type="text" id="num3">
	</pre><br><br><br>
	
	
	<pre>
	Como usar a calculadora?                  Como funciona cada Operação?
	   1.Adicione Número 1 e Número 2.               Para adição:        Número 1 + Número 2       Para raíz:          Número 1 = base Número 2 = expoente
	   2.Escolha a operação.                         Para subtração:     Número 1 - Número 2       Para potência:      Número 1 = base Número 2 = expoente
	   3.Clique em Resultado.                        Para multiplicação: Número 1 * Número 2       Para Log<sub>X</sub>Y:         Número 1 = X Número 2 = Y          
	                                                 Para divisão:       Número 1 / Número 2       
													 
	
	
	
	
	</pre>
	
	
</ul>	
</font>
</div>
	
</body>

TerraSkilll · Abril 24, 2019, 1:37pm

O parseInt trunca números float. Use parseFloat.

Abraço.

staroski · Abril 24, 2019, 1:39pm

O parseInt retorna um número inteiro, então 1.1 é tranformado no número 1.
Utilize parseFloat.

Conrado_Bibiano · Abril 24, 2019, 1:46pm

Valeu galera, funcionou, eu tinha colocado ParseFloat já uma vez, ae fui fazer o cálculo e saiu errado, mas acho que foi porque, ao calcular, coloquei , no decimal ao invés de . ae saiu 2,2 e o certo é 2.2, muito obrigado pela ajuda!

Sobre calculadora não usando números decimais nas contas

Cursos de Mobile

Cursos de Programação

Cursos de Front-end

Cursos de DevOps

Cursos de Design & UX

Cursos de Business

Cursos de Data & BI