Untitled

avatar
unknown
plain_text
2 years ago
1.6 kB
8
Indexable
html
<!DOCTYPE html>
<html>
<head>
    <title>PayPal Calculator</title>
    <script>
        function calculateTotal() {
            var quantity = parseInt(document.getElementById("quantity").value);
            var price = parseFloat(document.getElementById("price").value);
            var taxRate = parseFloat(document.getElementById("taxRate").value);
            
            var subtotal = quantity * price;
            var taxAmount = (subtotal * taxRate) / 100;
            var total = subtotal + taxAmount;

            document.getElementById("subtotal").textContent = subtotal.toFixed(2);
            document.getElementById("taxAmount").textContent = taxAmount.toFixed(2);
            document.getElementById("total").textContent = total.toFixed(2);
        }
    </script>
</head>
<body>
    <h1>PayPal Calculator</h1>
    
    <label for="quantity">Quantity: </label>
    <input type="number" id="quantity" value="0"><br><br>
    
    <label for="price">Price per item: $</label>
    <input type="number" step="0.01" id="price" value="0"><br><br>
    
    <label for="taxRate">Tax Rate (%): </label>
    <input type="number" step="0.01" id="taxRate" value="0"><br><br>
    
    <button onclick="calculateTotal()">Calculate</button><br><br>
    
    <label for="subtotal">Subtotal: $</label>
    <span id="subtotal">0.00</span><br><br>
    
    <label for="taxAmount">Tax Amount: $</label>
    <span id="taxAmount">0.00</span><br><br>
    
    <label for="total">Total: $</label>
    <span id="total">0.00</span><br><br>
</body>
</html>
```
Editor is loading...