index.html

<!DOCTYPE html>
<html lang="es">

<head>

<body>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Juego del Ahorcado</title>
    <link rel="stylesheet" href="./style/reset.css">
    <link rel="stylesheet" href="./style/style.css" </head> <body>
    <header>
        <img class="logo" id="img-logo" src="img/logo.svg" alt="logo Alura" />
    </header>
    <main class="contenedor" style="text-align:center;">
        <div class="titulos">
            <!-- <h1 class="titulo">El Juego del Ahorcado</h1> -->
            <h2>Descubre la palabra oculta</h2>
        </div>
        <section id="inicio">
            <div class="columna">
                <button class="btn" id="btnIniciarJuego">Jugar</button>
                <button class="btn" id="btnIniciarAgregaPalabra">Agregar palabra</button>
            </div>
        </section>
        <section id="contenedorTablero" class="invisible">
            <div id="aparece-ahorcado">
                <canvas id="horca" width="1200px" height="550px"></canvas>
                <span id="mostrarError"></span>

            </div>
            <div class="botones">
                <button class="btn" id="btnReiniciarJuego">Reiniciar</button>
                <button class="btn" id="btnFinalizarJuego">Finalizar</button>
            </div>
        </section>


    </main>

    <footer>
        <p class="footer">&copy; Copyright 2022 Nelson Vilte</p>
    </footer>


    <script type="text/javascript" src="./js/script.js"></script>
</body>

</html>