2
respostas

Números não sendo reconhecidos

Tenho uma função com o seguinte código:

var primeiroValor = document.getElementById('firstNumber').value var segundoValor = document.getElementById('secondNumber').value

Estou utilizando esse código para apresentar esses valores. console.log(parseInt(primeiroValor), segundoValor)

Porém estou obtendo o seguinte resultado: Nan undefined

S No HTML está com o seguinte código: <input type="number" id="firstNumber" class="numbers" required placeholder="Digite o primeiro número" data-form-firstNumber>

Poderiam me auxiliar, para que o número seja reconhecido?

Muito obrigado!!!

2 respostas

Fala Anderson, tudo bem?

Acredito que o problema seja que, quando a função é executada você ainda não digitou nenhum valor no input, sendo assim retornando uma string vazia, então você deve chamar essa função somente quando o usuário tiver digitado algum valor (você pode utilizar um botão para chamar essa função por exemplo), quando que essa função é executada?

Ela é iniciada quando clicamos no botão calcular:

var resultado = document.getElementById("resultado")
var primeiroValor = document.getElementById("firstNumber1").value
var segundoValor = document.getElementById("secondNumber2").value


const calcular = () => {
    resultado = ("deu certo")
    console.log(firstNumber.value, secondNumber.value)
    document.getElementById('resultado').setAttribute("value", resultado);
}

var calculo = document.getElementById("calcular")
calculo.addEventListener("click", ()=> calcular())

Porém no console, apenas apresenta "Undefined"Insira aqui a descrição dessa imagem para ajudar na acessibilidade , conforme imagem.