Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • HTML Revise Seu Texto

    Enviado por

    Borges Borges
    5 visualizações2 páginas
    fonte

    Título original

    html revise seu texto

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    TXT, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    fonte

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato TXT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    5 visualizações2 páginas

    HTML Revise Seu Texto

    Enviado por

    Borges Borges
    fonte

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato TXT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 2

    <!

    DOCTYPE html>
    <html>
    <head>
    <title>Verificador de Texto</title>
    <style>
    body {
    font-family: Arial, sans-serif;
    background-color: #f2f2f2;
    }

    .container {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    h1 {
    color: #1a237e;
    text-align: center;
    }

    .message-box {
    width: 100%;
    height: 200px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 20px;
    resize: none;
    font-size: 16px;
    color: #1a237e;
    }

    .button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #1a237e;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }

    .button:hover {
    background-color: #0d47a1;
    }

    .result {
    margin-top: 20px;
    text-align: center;
    }

    .result p {
    color: #1a237e;
    font-size: 18px;
    }
    </style>
    </head>
    <body>
    <div class="container">
    <h1>Revisão de Textos</h1>
    <textarea class="message-box" id="user-text" placeholder="Digite seu texto
    aqui"></textarea>
    <br>
    <button class="button" onclick="verificarTexto()">Verificar</button>
    <div class="result" id="result"></div>
    </div>

    <script>
    function verificarTexto() {
    var userText = document.getElementById('user-text').value;
    var correctText = "Articuladores do governo passaram o dia tentando negociar
    com os líderes partidários a análise da medida. O centrão criticava a articulação
    política do Palácio do Planalto, além da demora nas nomeações de indicados em
    cargos estaduais e o pagamento de emendas parlamentares.";

    if (userText === correctText) {


    document.getElementById('result').innerHTML = "<p>Parabéns, você acertou!
    </p>";
    } else {
    document.getElementById('result').innerHTML = "<p>Ops, você errou! Gostaria
    de refazer a revisão?</p><button class='button' onclick='limparTexto()'>Refazer a
    Revisão</button>";
    }
    }

    function limparTexto() {
    document.getElementById('user-text').value = "";
    document.getElementById('result').innerHTML = "";
    }
    </script>
    </body>
    </html>

    Você também pode gostar