konwerter z decymal na binar html/js

0

Witam,
Probuje napisac prosty konwerter z decymal na binar.
W zamyśle po wpisaniu dowolnej liczby program miał w tym samym miejscu wyswietliac liczbe binarna.
Potem pomyślałem że może łatwiej będzie jak wynik będzie wyświetlać się pod spodem.
Nie rozumiem czemu po kliknięciu przycisku funkcja nie działa.
Dopiero zaczynam naukę więc prosze o prosta podpowiedź.

HTML

<html>
    <head>
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
            <h1>Decimal to binary converter:</h1>
            <input type="text" placeholder="input" id="input">
            <p type="text" placeholder="result" id="result"></p>
            <button id="toBinar" onclick="toBinar()">CONFERT TO BINARY</button>
            <script src="index.js"></script>
    </body>
</html>

CSS

body{
     background-image: url("https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/rm21-background-tong-058.jpg?w=800&dpr=1&fit=default&crop=default&q=65&vib=3&con=3&usm=15&bg=F4F4F3&ixlib=js-2.2.1&s=710a6fed5b1923da8d5f95191839ef8a");
      background-attachment: fixed;
      background-size: cover;
}

h1 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: OCR A Std, monospace;
}
input{
    border: 2px solid black;
    margin: 10px 10px 10px 30px;
    background-color: lightblue;
}
p{
     text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: OCR A Std, monospace;
}

button {
    border: 2px solid black;
    margin: 10px 10px 10px 30px;
    text-align: center;
    color: black;
    background-color: green;
}

JavaScript

let input = document.getElementById("input")
let result = document.getElementById("result")

function toBinar(){
   input = input.toString(2)
   result.innerHTML = input
}
0

Moze musisz dac value na koncu, bo tak to pobierasz cały element a ty chcesz z niego wartość

 document.getElementById("input").value;

jak robisz id to rob lepiej to-binar
Najlepiej zrob sobie var_dumpa i albo console.log(input);

0

No to sobie napisze var dumpa

function var_dump(obj) {
 var out = '';
 for (var i in obj) {
 out += i + ": " + obj[i] + "\n";
 }
alert(out);
}

1 użytkowników online, w tym zalogowanych: 0, gości: 1