Fahrtkostenrechner

Hag2bard

Bekanntes Mitglied
Ich habe hier einen kleinen Fahrtkostenrechner programmiert in HTML/JS programmiert.
Leider gefallen mir noch einige Sachen noch nicht:

1671534331055.png

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>
 

Oneixee5

Top Contributor
Wie wäre es damit?
HTML:
<input name="myinput" value="0" step="0.01" lang="de-DE" type="number">
 
Zuletzt bearbeitet:

Neue Themen


Oben