calendario.html

<!DOCTYPE HTML>

<html lang="es">
<head>

	<meta name ="author" content ="Fernando Suárez Hevia" />	
	<meta name ="description" content ="información sobre las carreras de toda la temporada" />
	<meta name ="keywords" content ="dia, carrera, formula 1" />
	<meta name ="viewport" content ="width=device-width, initial-scale=1.0" />
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script src="js/agenda.js"></script>

    <!-- Datos que describen el documento -->
    <meta charset="UTF-8" />
    <title>F1 Desktop</title>
	<!-- Enlace al favicon -->
    <link rel="icon" href="multimedia/imagenes/favicon.ico" type="image/x-icon">
	
	<!-- añadir el elemento link de enlace a la hoja de estilo dentro del <head> del documento html -->
	<link rel="stylesheet" type="text/css" href="estilo/estilo.css" />
	<link rel="stylesheet" type="text/css" href="estilo/layout.css" />
	<link rel="stylesheet" type="text/css" href="estilo/agenda_grid.css" />
</head>

<body>

    <header>
    <!-- Datos con el contenidos que aparece en el navegador -->
    <h1>
		<a href="index.html">F1Desktop</a>
	</h1>
		<nav>
			<a href="index.html" title="inicio">Inicio</a>
			<a href="piloto.html" title="piloto">Piloto</a>
			<a href="noticias.html" title="noticias">Noticias</a>
			<a href="calendario.html" title="calendario" class="active">Calendario</a>
			<a href="meteorología.html" title="meteorología">Meteorología</a>
			<a href="circuito.html" title="circuito">Circuito</a>
			<a href="viajes.html" title="viajes">Viajes</a>
			<a href="juegos.html" title="juegos">Juegos</a>
		</nav>
	</header>
	
	<p>Estás en: <a href="index.html">Inicio</a> >> Calendario</p>
	<main>
    <h2>Calendario</h2>
	<script>
		var agenda = new Agenda();
	</script>
	<button onclick="agenda.obtenerCarreras()">Mostrar Carreras</button>
	</main>
</body>
</html>