Publicado em 8 de nov.

Função para somar (problemas)

#javascript #ajuda #duvida #função #problemas

Bom, provavelmente estou cometendo algum erro bobo, mas como sou leigo, vou pedir a ajuda de vocês ^^

A ideia é que a função somar() tenha que ir somando o input adicionado já com o antigo, mas ele fica adicionando e não somando :( alguém poderia apontar o erro?

Já tentei usar o parseFloat e o parseInt, mas acho que não consegui usar de forma correta, talvez seja essa a falha

HTML

<!DOCTYPE html>

<html lang="pt-BR">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>
</head>
<body>
 <div>
 <!--Input dos Numeros-->
 <input type="number" name="" id="input">
 <!--Botão para Soma-->
 <input type="button" value="OK" onclick="somar()">
 <br> <br>
 <!--Resultado-->
 <input type="number" name="" id="resultado" readonly='true'>

 </div>

 <script src="main.js"></script>
</body>
</html>

	JS

const { app, BrowserWindow } = require('electron')

function createWindow () {
 // Cria uma janela de navegação.
 let win = new BrowserWindow({
 width: 800,
 height: 600,
 webPreferences: {
 nodeIntegration: true
 }
 })

 // e carregar o index.html do aplicativo.
 win.loadFile('index.html')
}

// Função do botao para ir somando a cada numero que colocado no input

function somar(){
 let input = window.document.getElementById('input').value
 let resultado = window.document.getElementById('resultado')

 resultado = resultado.value += input

}

app.on('ready', createWindow)

Discussão (6)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

itlpps· 8 de nov.

Tente fazer assim:

resultado = +resultado.value += +input

Ted2370· 8 de nov.

27 minutos atrás, itlpps disse:

Tente fazer assim:

resultado = +resultado.value += +input

recebo um erro, onde nem é possível startar por conta desses + antes das variáveis

erro:

SyntaxError: Invalid left-hand side in assignment

Omar~· 10 de nov.

Sua função está interpretando os valores como STR e não como INT.

Por isso quando você anexa o valor usando += ele apenas adiciona novo conteúdo a string já existente.

O que tens de fazer é converter os valores para INTERGER antes de calcular.

podemos usar tanto o parseInt quanto o parseFloat, esse segundo sendo mais aconselhável para tal fim pois podemos ter que calcular valores abstratos.

var input = window.document.getElementById('input');
var resultado = window.document.getElementById('resultado');

function somar() {
 /* var inputValor = parseInt(input.value); // usando parseInt */
 var inputValor = parseFloat(input.value);
 var resultadoValor = parseFloat(resultado.value);
 var calcular = inputValor += (isNaN(resultadoValor) ? 0 : resultadoValor);
 resultado.value = calcular;
}

Ted2370· 11 de nov.

Em 09/11/2019 at 23:09, Omar~ disse:

Sua função está interpretando os valores como STR e não como INT.

Por isso quando você anexa o valor usando += ele apenas adiciona novo conteúdo a string já existente.

O que tens de fazer é converter os valores para INTERGER antes de calcular.

podemos usar tanto o parseInt quanto o parseFloat, esse segundo sendo mais aconselhável para tal fim pois podemos ter que calcular valores abstratos.

var input = window.document.getElementById('input');
var resultado = window.document.getElementById('resultado');

function somar() {
 /* var inputValor = parseInt(input.value); // usando parseInt */
 var inputValor = parseFloat(input.value);
 var resultadoValor = parseFloat(resultado.value);
 var calcular = inputValor += (isNaN(resultadoValor) ? 0 : resultadoValor);
 resultado.value = calcular;
}

  

	Nossa, isso de fato resolveu meu problema, unica coisa que tive que alterar foi ter de adicionar as variáveis para dentro da function se não me retornava um erro.

	 

	 

	mas fiquei com duvida em uma coisa:

Em 09/11/2019 at 23:09, Omar~ disse:

 (isNaN(resultadoValor) ? 0 : resultadoValor);

	poderia me explicar o que foi isso de forma menos técnica? como sou leigo no assunto, não entendi essa questão do **? 0** e depois** : resultadoValor**

Omar~· 12 de nov.

1 hora atrás, Ted2370 disse:

Nossa, isso de fato resolveu meu problema, unica coisa que tive que alterar foi ter de adicionar as variáveis para dentro da function se não me retornava um erro.

Isso porque meu exemplo não foi feito um teste sobre o mesmo apenas escrevi aqui e aplicando a lógica.

No caso as variáveis dos elementos no meu exemplo pertencem ao um objeto window e não a um protótipo de função.

1 hora atrás, Ted2370 disse:

Nossa, isso de fato resolveu meu problema, unica coisa que tive que alterar foi ter de adicionar as variáveis para dentro da function se não me retornava um erro.

mas fiquei com duvida em uma coisa:

poderia me explicar o que foi isso de forma menos técnica? como sou leigo no assunto, não entendi essa questão do ? 0 e depois : resultadoValor

Isso é uma condição ternária que significa:

-
Se X for Y seja "zero" caso não seja X

isNaN: estou verificando se o valor não é inteiro, ou seja se ele é null ou qualquer coisa; se for, eu quero que o valor atribuído a variável dentro da condição seja "zero" do contrário seja um INT que assuma então o valor INT da variável.

No caso quando se insere pela primeira vez o calculo o valor de resultadoValor será nulo então a condição diz que calcular deve ser inputValor incrementado com zero ao invés de um valor nulo.

Em outras palavas a condição ternária:

var a = "Olá mundo", b;
if (a === "Olá mundo") {
 b = "É o termo que queremos";

} else {

 b = "Não é o termo";
}

// Simplificando com a condição ternária

var a = "Olá mundo", b;
b = (a === "Olá mundo" ? "É o termo que queremos" : "Não é o termo");

	Ambos dão o mesmo resultado.

Ted2370· 12 de nov.

14 horas atrás, Omar~ disse: