40 lines
1007 B
HTML
40 lines
1007 B
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Ejercicio 8 — Carrito de compras</title>
|
|
<style></style>
|
|
<link rel="stylesheet" href="estilo.css">
|
|
</head>
|
|
<body>
|
|
|
|
<h1>Ejercicio 8 — Carrito de compras</h1>
|
|
|
|
<div class="layout">
|
|
<div>
|
|
<p class="section-label">Productos</p>
|
|
<div class="product-list" id="productos"></div>
|
|
</div>
|
|
|
|
<div class="cart-panel">
|
|
<div class="cart-header">
|
|
<p class="section-label" style="margin:0">
|
|
Carrito
|
|
</p>
|
|
</div>
|
|
<div class="cart-items" id="carrito">
|
|
<p class="cart-empty" id="empty-msg">El carrito está vacío.</p>
|
|
</div>
|
|
<hr class="divider">
|
|
<div class="cart-total">
|
|
<span class="cart-total-label">Total</span>
|
|
<span class="cart-total-amount" id="total">$0</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="ejercicio8.js"></script>
|
|
</body>
|
|
</html>
|