Ich habe hier einen kleinen Fahrtkostenrechner programmiert in HTML/JS programmiert.
Leider gefallen mir noch einige Sachen noch nicht:
Einerseits gefällt mir das Design nicht, da die Boxen direkt am Text dran sind.
Andererseits stört es mich, dass ich Zahlen mit punkt als Trennung angeben muss.
Ich brauche dieses Tool nur als Mittel zum Zweck, ich wollte mich nicht unbedingt mit CSS, JS und HTML beschäftigen.
Gibt es die Möglichkeit das ganze noch zu verschönern?
Danke schonmal im Voraus und freundliche Grüße
Hier noch der Code:
Leider gefallen mir noch einige Sachen noch nicht:
Einerseits gefällt mir das Design nicht, da die Boxen direkt am Text dran sind.
Andererseits stört es mich, dass ich Zahlen mit punkt als Trennung angeben muss.
Ich brauche dieses Tool nur als Mittel zum Zweck, ich wollte mich nicht unbedingt mit CSS, JS und HTML beschäftigen.
Gibt es die Möglichkeit das ganze noch zu verschönern?
Danke schonmal im Voraus und freundliche Grüße
Hier noch der Code:
Java:
<!DOCTYPE HTML>
<html>
<head>
<title>Fahrtkostenrechner</title>
<meta name="description" content="Fahrtkostenrechner">
<script type="text/javascript">
function calc() {
var wertEntfernungKunde = document.getElementById('entfernungKunde').value;
console.log(wertEntfernungKunde);
var wertDauertFahrt = document.getElementById('dauertFahrt').value;
console.log(wertDauertFahrt);
var summePersonalkostenAnfahrt = (wertDauertFahrt * 30.00);
console.log(summePersonalkostenAnfahrt);
var summeFahrzeugkostenAnfahrt = (wertEntfernungKunde * 0.32);
console.log(summeFahrzeugkostenAnfahrt);
var summeGesamt = (summePersonalkostenAnfahrt + summeFahrzeugkostenAnfahrt);
console.log(summeGesamt);
document.getElementById('fahrzeugkostenAnfahrt').value = summeFahrzeugkostenAnfahrt;
document.getElementById('personalkostenAnfahrt').value = summePersonalkostenAnfahrt;
document.getElementById('sum').value = summeGesamt;
}
</script>
</head>
<body>
<form name="calC">
<label type="text">Entfernung zum Kunden: </label>
<input type='text' id='entfernungKunde' size="5" maxlength="5">
<br><br>
<label type="text">Dauer der Anfahrt (Stunden): </label>
<input type='text' id='dauertFahrt' size="5" maxlength="5">
<br><br>
<label type="text">Fahrzeugkosten pro Kilometer: 0.32€</label>
<br><br>
<label type="text">Fahrzeugkosten Anfahrt: </label>
<input type="text" id='fahrzeugkostenAnfahrt' size="5" maxlength="5" disabled>
<br><br>
<label type="text">Stundensatz für Anfahrt (€/h): 30.00</label>
<br><br>
<label type="text">Personalkosten gemäß Dauer der Anfahrt: </label>
<input type="text" id='personalkostenAnfahrt' size="5" maxlength="5" disabled>
<br><br>
<label type="text">Fahrtkosten-Gesamt: </label>
<input type='text' id='sum' size="5" maxlength="5" disabled> <br><br>
<input type="button" name="Submit" value="Berechne Fahrtkosten" onclick="calc();">
</form>
</body>
</html>
