noticias.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 ="Noticias" />
    <meta name ="keywords" content ="noticias" />
    <meta name ="viewport" content ="width=device-width, initial-scale=1.0" />

    <title>F1Desktop - Noticias</title>
    <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/article_elements.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/noticias.js"></script>
</head>

<body>
    <!-- Datos con el contenidos que aparece en el navegador -->
    <header>
        <h1><a href="index.html">F1Desktop</a></h1>
        <nav>
            <a href="index.html">Index</a>
            <a href="calendario.html">Calendario</a>
            <a href="juegos.html">Juegos</a>
            <a href="meteorologia.html">Meteorologia</a>
            <a class="active" href="noticias.html">Noticias</a>
            <a href="piloto.html">Piloto</a>
            <a href="viajes.html">Viajes</a>
            <a href="circuito.html">Circuito</a>
        </nav>
    </header>

    <p>Estas en: <a href="index.html">Indice</a> >> Noticias</p>

    <h2>Noticias</h2>
    <script>
        const noticias = new Noticias();
    </script>
    
    <p>
        <input type="file" onchange="noticias.readInputFile(this.files);">
    </p>
    
    <section>
        <h3> Añadir noticia </h3>
        <label>
            <p>Titular:</p>
            <input type="text" name="titular">
        </label>
        <label>
            <p>Entradilla:</p>
            <input type="text" name="entradilla">
        </label>
        <label>
            <p>Autor:</p>
            <input type="text" name="autor">
        </label>
        
        <button onclick="noticias.crearNoticia();">Crear</button>
    </section>
    
    <section>

    </section>
</body>
</html>