weifer/Html_Css_Js_Umrechner
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
marcusferl@weifer.de 2022-09-07 15:15:27 +02:00
commit 519c0ba417
3 changed files with 99 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
umrechner.css Normal file
View File

@ -0,0 +1,49 @@
.umrechner {
display: flex;
justify-content: center;
align-items: center;
}
.eingabefeld {
display: flex;
flex-direction: column;
margin: 0 16px;
border: 2px solid #dadada;
max-width: 25%;
}
.umrechner input {
border: none;
border-bottom: 1px solid #0f0f0f;
appearance: textfield;
}
.umrechner input::-webkit-inner-spin-button {
appearance: none;
}
.umrechner input:focus {
outline: none;
}
.umrechner input,
.umrechner label {
padding: 0.5em;
text-align: center;
}
.umrechner * {
font-family: "Arial", "Helvetica", sans-serif;
font-size: 1rem;
}
@media(max-width: 650px) {
.umrechner {
flex-direction: column;
}
.eingabefeld {
max-width: 95%;
}
}

32
umrechner.html Normal file
View File

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Temperatur Umwandler</title>
<link rel="stylesheet" href="umrechner.css">
<script scr="umrechner.js" defer></script>
</head>
<body>
<div class="umrechner">
<div class="eingabefeld">
<input type="number" step="any" id="celsius_eingabe">
<label for="celsius_eingabe">Celsius</label>
</div>
<div class="gleichheitszeichen">=</div>
<div class="eingabefeld">
<input type="number" step="any" id="fahrenheit_eingabe">
<label for="fahrenheit_eingabe">Fahrenheit</label>
</div>
<div class="gleichheitszeichen">=</div>
<div class="eingabefeld">
<input type="number" step="any" id="kelvins_eingabe">
<label for="kelvin_eingabe">Kelvin</label>
</div>
</div>
</body>
</html>

18
umrechner.js Normal file
View File

@ -0,0 +1,18 @@
function celsiusInFahrenheitUmrechnen() {
}
function celsiusInKelvinUmrechnunen() {
}
function fahrenheitInCelsiusUmrechnen() {
}
function fahrenheitInKelvinUmrechnung() {
}
function kelvinInCelsiusUmrechnen() {
}
function kelvinInFahrenheitUmrechnen() {
}