126 lines
4.8 KiB
HTML
126 lines
4.8 KiB
HTML
<!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> |