HTMLLLL ist derrr Rrretterrrr innn derrr Noooot

Veröffentlicht am von

… frei nach Herbert Grönemeyers „Alkohol“ :)))

Meine Lieblings Prozentrechner-App gabs nicht mehr im AppStore zum Download, und so hab ich mir gedacht mach ichs schnell selber.
Denn zum Cryptotraden braucht man so oft nen kleinen Prozentrechner, um schnelle Übersicht zu haben.

Viola … also … Voila … hier isser:

https://www.achimkinzelmann.de/prozentrechner.html

Microsoft Copilot hat mir etwas geholfen, da ich in HTML5/JavaScript nicht auf dem aktuellen Stand bin.

Hier der Sourcecode, falls jemand den Prozentrechner lokal auf dem Rechner haben will:

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prozentrechner</title>
    <style>
        body { font-family: Arial, sans-serif; }
        .calculator { margin: 50px auto; width: 200px; }
        input { width: 180px; margin: 5px; padding: 10px; font-size: 16px; }
        button { width: 200px; padding: 10px; font-size: 16px; margin-top: 10px; }
    </style>
</head>
<body>
    <div class="calculator">
        <input type="number" id="num1" placeholder="Ausgangswert">
        <input type="number" id="num2" placeholder="Prozentwert">
        <button onclick="calculate()">Berechne Ergebnis</button>
        <p id="result"></p>
        <p id="total"></p>
    </div>

    <script>
        function calculate() {
            var num1 = parseFloat(document.getElementById('num1').value);
            var num2 = parseFloat(document.getElementById('num2').value);
            var result = (num1 / 100) * num2;
            var total = result + num1;
            document.getElementById('result').innerText = 'Gewinn: ' + result.toFixed(2);
            document.getElementById('total').innerText = 'Gesamtsumme: ' + total.toFixed(2);
        }
    </script>

    <div class="calculator">
        <input type="number" id="num1b" placeholder="Ausgangswert">
        <input type="number" id="num2b" placeholder="Gesamtsumme">
        <button onclick="calculateb()">Berechne Ergebnis</button>
        <p id="resultb"></p>
        <p id="totalb"></p>
    </div>

    <script>
        function calculateb() {
            var num1b = parseFloat(document.getElementById('num1b').value);
            var num2b = parseFloat(document.getElementById('num2b').value);
            var resultb = ((num2b - num1b) / num1b) * 100;
            var totalb = (num1b / 100) * resultb;
            document.getElementById('totalb').innerText = 'Gewinn: ' + totalb.toFixed(2);
            document.getElementById('resultb').innerText = 'Prozentwert: ' + resultb.toFixed(2);
        }
    </script>
</body>
</html>

Schreibe einen Kommentar