<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Comprobante de Compra</title>
<link rel="stylesheet" href="css/comprobante.css">
</head>
<body>
<h1>Comprobante de Compra</h1>
<div id="comprobanteInfo">
<h2 id="evento"></h2>
<p id="fecha"></p>
<p id="lugar"></p>
<p id="cantidad"></p>
<p id="precio"></p>
<p id="total"></p>
<h3>Asientos seleccionados:</h3>
<ul id="asientos"></ul>
</div>
<h3>¡Gracias por tu compra!</h3>
<p>Esperamos que disfrutes del evento.</p>
<button onclick="window.print();">Imprimir Comprobante</button>
<a href="inicio.html">
<button type="button">Salir</button>
</a>
<script src="js/comprobante.js"></script>
</body>
</html>