0

Estou com problema ao exibir o resultado em converter decimal para binário.

Quando faço dessa maneira definindo o 2020 na variável decimal, retorna o valor correto que é 11111100100

var decimal = 2020;
var binario = decimal.toString(2);
alert(binario);
//retorna 11111100100

Porém, quando passo a utilizar input do HTML, o resultado não é o esperado. Ele sempre retorna o mesmo valor que digito no input.

<input type="text" id="decimal-input">
<input type="button" value="CONVERTER" onclick="convertDec()">

function convertDec() {
   var decimal = document.getElementById('decimal-input').value;
   var binario = decimal.toString(2);
   alert(binario);
   //retorna sempre o mesmo valor que foi digitado no input do ID decimal-input, e não retorna no formato binário
}

Onde estou errando?

2 Respostas 2

0

O atributo value de um input type="text" é uma string, então primeiro você deve convertê-lo para número.

Como você quer um número inteiro, use parseInt:

function convertDec() {
    var decimal = parseInt(document.getElementById('decimal-input').value);
    if (isNaN(decimal)) {
        alert("não foi digitado um número");
    } else {
        var binario = decimal.toString(2);
        alert(binario);
    }
}
<input type="text" id="decimal-input">
<input type="button" value="CONVERTER" onclick="convertDec()">

Se não for digitado um número inteiro válido, parseInt retorna NaN (not-a-number), que pode ser verificado com isNaN.

Lembrando ainda que existe esse corner case.

1
  • Obrigado, ajudou bastante !!
    – user145275
    Commented 16/08/2020 às 19:07
0

Você precisa converter o valor que recebeu no input para Number. Isso pode ser feito usando parseInt() ou Number(). Ficaria assim:

var decimal = parseInt(document.getElementById('decimal-input').value);

O seu código estava mostrando o mesmo valor porque o tipo da variável decimal é String. Quando você chama a função toString em uma String, ela retorna o mesmo valor.

1
  • Obrigado, ajudou bastante !!
    – user145275
    Commented 16/08/2020 às 19:07

Você deve fazer log-in para responder a esta pergunta.