<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="szamrendszer.css">
<script src="szamrendszer.js"></script>
</head>
<body>
<div class="alap">
<h1>Szám átváltó</h1>
<div class="átváltó">
<div class="beviteli">
<label for="érték">Beviteli érték</label>
<input id="érték" placeholder="Írja be az értéket" />
<label for="bevitel">Erről</label>
<select id="bevitel">
<option value="bináris">Bináris</option>
<option value="decimális">Decimális</option>
<option value="hexadecimális">Hexadecimális</option>
<option value="oktális">Oktális</option>
</select>
</div>
<div class="kiszámolt">
<label for="kimenet">Erre</label>
<select id="kimenet">
<option value="bináris">Bináris</option>
<option value="decimális">Decimális</option>
<option value="hexadecimális">Hexadecimális</option>
<option value="oktális">Oktális</option>
</select>
<input id="kiszámoltérték" placeholder="Átszámolt érték" readonly />
</div>
<button id="felcserélés">Felcserélés</button>
<button id="számolás">Számolás</button>
</div>
</body>
</html>