hami hami

This commit is contained in:
andalevente 2023-02-01 10:45:28 +01:00
commit ee4750defb

126
index.html Normal file
View File

@ -0,0 +1,126 @@
<!DOCTYPE html>
<html lang="en">
<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>Útiköltség-elszámolás</title>
</head>
<body>
<form>
<b>Személyes adatok</b>
<br>
<label for="nev">Név:</label>
<input type="text" id="nev">
<br>
<label for="lakcim">Lakcím:</label>
<input type="text" id="lakcim">
<br>
<label for="szuletesiDatum">Születési dátum:</label>
<input type="date" id="szuletesiDatum">
<br>
<b>Gépjármű- ésüzemanyagadatok</b>
<br>
<label for="gepjarmu">Gépjármű gyártmánya, típusa:</label>
<input type="text" id="gepjarmu">
<br>
<label for="uzemanyag">Üzemanyag fajtája:</label>
<select id="uzemanyag">
<option value="benzin">Benzin</option>
<option value="dizel">Dízel</option>
</select>
<br>
<label for="fogyasztas">Fogysztási norma:</label>
<select id="fogyasztasBenzin">
<option value="7,6">1000 cm3-ig 7,6 l/100km</option>
<option value="8,6">1001-1500 cm3 között 8,6 l/100km</option>
<option value="9,5">1501-2000 cm3 között 9,5 l/100km</option>
<option value="11,4">2001-3000 cm3 között 11,4 l/100km</option>
<option value="13,3">3001 cm3 fölött 13,3 l/100km</option>
</select>
<select id="fogyasztasDizel">
<option value="5,7">1500 cm3-ig 5,7 l/100km</option>
<option value="6,7">1501-2000 cm3 között 6,7 l/100km</option>
<option value="7,6">2001-3000 cm3 között 7,6 l/100km</option>
<option value="9,5">3001 cm3 fölött 9,5 l/100km</option>
</select>
<br>
<label for="egysegar">Üzemanyag egysegára</label>
<input type="text" id="egysegar">
<br>
<b>Megtett út adatai</b>
<br>
<label for="indulas">Kiindulási hely:</label>
<input type="text" id="indulas">
<br>
<label for="uticel">Úticél:</label>
<input type="text" id="uticel">
<br>
<label for="tovabbi">További úticél:</label>
<input type="text" id="tovabbi">
<br>
<label for="megtett">Összes megtett távolság:</label>
<input type="number" id="">km
<br>
<button id="gomb" onclick="gomb()">Ellenőzés és számítás</button>
<hr>
<label for="utikoltseg">Útiköltség:</label>
<div id="utikoltseg"></div>
<br>
<label for="amortizacio">Amortizáció:</label>
<div id="amortizacio"></div>
<br>
<label for="elszamolhato"><b>Összes elszámolható költség:</b></label>
<br>
<button>Nyomtatás</button>
</form>
<script>
var nev = document.getElementById('nev').value;
var lakcim = document.getElementById('lakcim').value;
var szuletesiDatum = document.getElementById('szuletesiDatum').value;
var gepjarmu = document.getElementById('gepjarmu').value;
var uzemanyag = document.getElementById('uzemanyag').value;
//var fogyasztas = document.getElementById('fogyasztas').value;
var fogyasztasBenzin = document.getElementById('fogyasztasBenzin').value;
var fogyasztasDizel = document.getElementById('fogyasztasDizel').value;
var egysegar = document.getElementById('egysegar').value;
var indulas = document.getElementById('indulas').value;
var uticel = document.getElementById('uticel').value;
var tovabbi = document.getElementById('tovabbi').value;
var megtett = document.getElementById('megtett').value;
var utikoltseg = document.getElementById('utikoltseg');
let benzines = false;
let dizeles = false;
if (uzemanyag.value == "benzin") {
fogyasztasDizel.style.display == "block";
benzines = true;
}
else{
fogyasztasBenzin.style.display == "block";
dizeles = true;
}
function gomb(){
if (nev.lenght == 0 || lakcim.lenght == 0 || szuletesiDatum.lenght == 0 || gepjarmu.lenght == 0 || indulas.lenght == 0 || uticel.lenght == 0 || tovabbi.lenght == 0 || megtett.lenght == 0) {
alert("Töltse ki a mezőket!");
}
else{
if (benzines) {
uzemanyag = parseInt(fogyasztasBenzin) * parseInt(egysegar) * parseInt(megtett) / 100;
return uzemanyag;
}
else{
uzemanyag = parseInt(fogyasztasDizel) * parseInt(egysegar) * parseInt(megtett) / 100;
return uzemanyag;
}
}
}
</script>
</body>
</html>