agenda.html

<!DOCTYPE HTML>

<html lang="es">
<head>
    <!-- Datos que describen el documento -->
    <meta charset="UTF-8" />
    <meta name ="author" content ="David Gonzalez" />
    <meta name ="description" content ="Agenda" />
    <meta name ="keywords" content ="agenda" />
    <meta name ="viewport" content ="width=device-width, initial-scale=1.0" />

    <title>Escritorio Virtual</title>
    <link rel="stylesheet" type="text/css" href="estilo.css" />
    <link rel="stylesheet" type="text/css" href="layout.css" />
    <link rel="icon" href="multimedia/imagenes/favicon.ico"/>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js" 
        integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" 
        crossorigin="anonymous"></script>
    <script src="js/agenda.js"></script>

</head>

<body>
    <!-- Datos con el contenidos que aparece en el navegador -->
    <header>
        <h1>Escritorio Virtual</h1>
        
        <nav>
            <a href="index.html" accesskey="i" tabindex="1">Index</a>
            <a href="agenda.html" accesskey="a" tabindex="2">Agenda</a>
            <a href="juegos.html" accesskey="j" tabindex="3">Juegos</a>
            <a href="meteorologia.html" accesskey="m" tabindex="4">Meteorologia</a>
            <a href="noticias.html" accesskey="n" tabindex="5">Noticias</a>
            <a href="sobremi.html" accesskey="s" tabindex="6">Sobre mi</a>
            <a href="viajes.html" accesskey="v" tabindex="7">Viajes</a>
        </nav>
    </header>

<h2>Agenda</h2>

<script>
    const agenda = new Agenda();
</script>

<footer>
    <button onclick="agenda.verXML()">Obtener datos F1</button> 
</footer>

</body>
</html>