javascript Função para somar (problemas)

Ted2370 · Novembro 8, 2019

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)

itlpps · Novembro 8, 2019

Tente fazer assim:

resultado = +resultado.value +=  +input

Ted2370 · Novembro 8, 2019

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~ · Novembro 10, 2019

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 · Novembro 11, 2019

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~ · Novembro 12, 2019

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 · Novembro 12, 2019

14 horas atrás, Omar~ disse:
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.

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.

Caramba, incrível, você acabou d me dar uma aula kkk.

Agora entendi!!

E uma pena que o fórum ta com algum problema que não estou conseguindo votar a sua resposta com obrigado :(

Entrar

Arquivado

javascript Função para somar (problemas)

Recommended Posts

Ted2370 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

itlpps 109

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted2370 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Omar~ 87

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted2370 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Omar~ 87

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted2370 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante