From 9a37bfb2b1a2a7868af165860b30ddeaf105ce0b Mon Sep 17 00:00:00 2001 From: Csenge Emese Ujfaluczki <ujfaluczkicsenge@localhost> Date: Sun, 2 Mar 2025 09:31:56 +0000 Subject: [PATCH] Add szamrendszer.html --- szamrendszer.html | 73 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 73 insertions(+) create mode 100644 szamrendszer.html diff --git a/szamrendszer.html b/szamrendszer.html new file mode 100644 index 0000000..9f8939b --- /dev/null +++ b/szamrendszer.html @@ -0,0 +1,73 @@ +<!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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> +<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> + <link rel="stylesheet" href="szamrend.css"> + <script src="szam.js"></script> +</head> +<body> + + <div class="alap"> + <h1 class="szöveg">Szám átváltó</h1> + <div class="átváltó"> + <div class="beviteli"> + <label for="érték" class="szöveg">Beviteli érték</label> + <input type="number" id="érték" placeholder="Írja be az értéket" /> + + <label for="bevitel" class="szöveg">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" class="szöveg">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 type="text" 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> + <nav class="navbar navbar-dark bg-dark fixed-top"> + <div class="container-fluid"> + <a class="navbar-brand" href="#">Offcanvas dark navbar</a> + <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel"> + <div class="offcanvas-header"> + <h5 class="offcanvas-title" id="offcanvasDarkNavbarLabel">Dark offcanvas</h5> + <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button> + </div> + <div class="offcanvas-body"> + <ul class="navbar-nav justify-content-end flex-grow-1 pe-3"> + <li class="nav-item"> + <a class="nav-link active" aria-current="page" href="szamrendszerp.html">Főoldal</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="szamrendszer.html">Átvátó</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> + Ismertetők + </a> + <ul class="dropdown-menu dropdown-menu-dark"> + </li> + <li><a class="dropdown-item" href="#">Kettes számrendszer</a></li> + <li><a class="dropdown-item" href="#">Nyolcas számrendszer</a></li> + <li><a class="dropdown-item" href="#">Tizes számrendszer</a></li> + <li><a class="dropdown-item" href="#">Tizenhatos számrendszer</a></li> +</body> +</html> \ No newline at end of file