Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • HTML Questão de Comparação de Textos

    Enviado por

    Borges Borges
    4 visualizações2 páginas
    Este documento apresenta um exercício de revisão de texto no qual o usuário deve copiar e colar um parágrafo em uma caixa de texto e verificar se corresponde ao texto correto. Ao finalizar, recebe uma mensagem se acertou ou errou a revisão e pode reiniciar o exercício.

    Descrição original:

    código fonte

    Título original

    html questão de comparação de textos

    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
    Este documento apresenta um exercício de revisão de texto no qual o usuário deve copiar e colar um parágrafo em uma caixa de texto e verificar se corresponde ao texto correto. Ao finalizar, recebe uma mensagem se acertou ou errou a revisão e pode reiniciar o exercício.

    Direitos autorais:

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

    HTML Questão de Comparação de Textos

    Enviado por

    Borges Borges
    Este documento apresenta um exercício de revisão de texto no qual o usuário deve copiar e colar um parágrafo em uma caixa de texto e verificar se corresponde ao texto correto. Ao finalizar, recebe uma mensagem se acertou ou errou a revisão e pode reiniciar o exercício.

    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>
    <meta charset="UTF-8">
    <title>Questão de Comparação de Textos</title>
    <style>
    body {
    background-color: #f2f2f2;
    font-family: Arial, sans-serif;
    }

    .container {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    }

    h1 {
    color: #333333;
    }

    .dialog-box {
    width: 100%;
    height: 400px;
    border: 1px solid #333333;
    padding: 10px;
    font-size: 16px;
    color: #333333;
    line-height: 1.5;
    }

    .btn {
    background-color: #0099cc;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    }

    .result-message {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #003366;
    }
    </style>
    </head>
    <body>
    <div class="container">
    <h1>Revisão de Parágrafo</h1>
    <p>Copie o texto, cole na caixa de mensagem e realize a revisão.</p>
    <div class="dialog-box" contenteditable="true"></div>
    <button class="btn" onclick="verificarResposta()">Revisão Concluída</button>
    <button class="btn" onclick="reiniciarQuestao()">Reiniciar</button>
    <p id="result-message" class="result-message"></p>
    <script>
    function verificarResposta() {
    var respostaCorreta = "A presente pesquisa tem como objetivo investigar a
    relação entre a autonomia do indivíduo e a obra do renomado dramaturgo William
    Shakespeare. O tema das liberdades pessoais tem sido um ponto central de discussão
    nas esferas filosófica, política e sociocultural. Shakespeare é reconhecido como um
    dos maiores escritores da literatura mundial, tendo explorado de forma magistral as
    complexidades da condição humana em suas obras teatrais. Para tanto, serão
    realizadas análises textuais aprofundadas de algumas das principais obras de
    Shakespeare, como Romeu e Julieta, Hamlet e Macbeth, a fim de compreender a
    perspectiva do autor em relação à autonomia do indivíduo e sua relevância para o
    contexto histórico e contemporâneo. Espera-se que este estudo contribua para uma
    melhor compreensão do pensamento shakespeareano e das discussões em torno da
    liberdade pessoal.";
    var textoDigitado = document.querySelector('.dialog-box').innerText;

    if (textoDigitado === respostaCorreta) {


    document.getElementById("result-message").textContent = "Parabéns, você
    acertou!";
    } else {
    document.getElementById("result-message").textContent = "Ainda há erros!
    Refaça a revisão!";
    }
    }

    function reiniciarQuestao() {
    document.querySelector('.dialog-box').innerText = "";
    document.getElementById("result-message").textContent = "";
    }
    </script>
    </div>
    </body>
    </html>

    Você também pode gostar