Untitled

<!DOCTYPE html>
<html>
<head>
<title>Ben's 3D Print Shop</title>
<style>
body {
    font-family: Arial;
    background-color: #111;
    color: white;
    text-align: center;
}

.product {
    background: #222;
    margin: 20px auto;
    padding: 20px;
    width: 300px;
    border-radius: 10px;
}

button {
    padding: 10px 20px;
    background: orange;
    border: none;
    cursor: pointer;
    font-weight: bold;
}
</style>
</head>
<body>

<h1>🖨️ Ben's 3D Print Shop</h1>

<h2>Cart Total: $<span id="total">0</span></h2>

<div class="product">
    <h3>Articulated Dragon</h3>
    <p>$25</p>
    <button onclick="add(25)">Add to Cart</button>
</div>

<div class="product">
    <h3>Mini Helmet</h3>
    <p>$40</p>
    <button onclick="add(40)">Add to Cart</button>
</div>

<script>
let total = 0;

function add(price) {
    total = total + price;
    document.getElementById("total").innerText = total;
}
</script>

</body>
</html>