Exercícios/Exercício 27/index.html

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="Exercício 27 - Jovens Tegranos - Etapa de Nivelamento">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="../style.css">
        <title>Exercício 27</title>
    </head>
    <body>
        <div id="divInputs">
            <span id="titulo">Exercício 27</span>
            <p id="enunciado">Fazer um programa para verificar se um número ou palavra é palíndroma;
                Exibir como saída se o número ou palavra "é palíndroma" ou "não é
                palíndroma". Um palíndromo é algo que pode ser lido em qualquer
                sentido. Ex.: 110011, Reger, Osso.</p>
            
            <details>
                <summary>
                    Exemplo
                </summary>
                <div id="divExemplo">Palavra: <span class="inputTexto">Reger</span><br>
                    Saída: É palíndroma.
                </div>
            </details>
            
            <div id="formInputs">
                <label for="inputPalavra">Palavra: </label>
                <input class="input" id="inputPalavra"></input>
            </div>
            <div id="button" class="button">Enviar</div>
            
            <div id="pageBDiv">
                <a class="button" href="../Exercício 26/index.html">Anterior</a>
                <a class="button" href="../Exercício 28/index.html">Próximo</a>
            </div>
            <script src="./script.js"></script>
        </div>
        <div id="divOutputs">
            <label for="outputArea" style="font-weight: bold;">Saída:</label>
            <textarea id="outputArea" readonly></textarea>
        </div>
    </body>
</html>