Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Eventos DOM JavaScript

    Enviado por

    FabianoDuarte
    26 visualizações1 página
    O documento adiciona eventos de clique, entrada e saída de mouse a uma div. Ao clicar, a div muda sua cor e texto. Ao passar o mouse sobre ela, seu texto é alterado. Ao sair do mouse, sua cor e texto são novamente modificados.

    Descrição original:

    Exercício de Javascript 6.

    Título original

    Exercício javascript 6.html

    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
    O documento adiciona eventos de clique, entrada e saída de mouse a uma div. Ao clicar, a div muda sua cor e texto. Ao passar o mouse sobre ela, seu texto é alterado. Ao sair do mouse, sua cor e texto são novamente modificados.

    Direitos autorais:

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

    Eventos DOM JavaScript

    Enviado por

    FabianoDuarte
    O documento adiciona eventos de clique, entrada e saída de mouse a uma div. Ao clicar, a div muda sua cor e texto. Ao passar o mouse sobre ela, seu texto é alterado. Ao sair do mouse, sua cor e texto são novamente modificados.

    Direitos autorais:

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

    <!

    DOCTYPE html>
    <html lang="pt-BR">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Eventos DOM</title>
    <style>
    div#area {
    font: normal 20pt Arial;
    background: rgb(42, 146, 42);
    color: white;
    width: 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    }
    </style>
    </head>
    <body>
    <div id='area'>
    Interaja...
    </div>
    <script>
    var a = window.document.getElementById('area')
    a.addEventListener('click', clicar)
    a.addEventListener('mouseenter', entrar)
    a.addEventListener('mouseout', sair)

    function clicar() {
    a.innerText = 'Clicou!'
    a.style.background = 'red'
    }
    function entrar() {
    a.innerText = 'Entrou!'
    }
    function sair() {
    a.innerText = 'Saiu?'
    a.style.background = 'green'
    }
    </script>
    </body>
    </html>

    Você também pode gostar