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
}