Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Aula6 Sylvio JS

    Enviado por

    Luiz Generoso
    5 visualizações16 páginas

    Título original

    Aula6_Sylvio_JS

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

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

    Aula6 Sylvio JS

    Enviado por

    Luiz Generoso

    Direitos autorais:

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

    JavaScript -JS

    Introdução ao JS

    O JavaScript é uma linguagem criada para o navegador Netscape que


    permite a computadores executarem páginas web mais interativas e
    dinâmicas. Originalmente chamada de Livescript, a JavaScript dá ao
    computador a habilidade de executar um código direto no navegador,
    sem que ele seja compilado.
    JavaScript -JS
    <!DOCTYPE html>
    <html lang="pt-br">
    <head>
    <title>Teste de JS</title>
    <meta charset="utf-8"/>
    </head>
    <body>
    <h1>Testando JavaScript</h1>
    </body>
    </html>
    <!DOCTYPE html>
    <html lang="pt-br">
    <head>
    <title>Teste de JS</title>
    <meta charset="utf-8"/>
    </head>
    <body>
    <h1>Testando JavaScript</h1>
    <script>
    alert(“Olá Mundo!”);
    </script>
    </body>
    </html>
    <!DOCTYPE html>
    <html lang="pt-br">
    <head>
    <title>Teste de JS</title>
    <meta charset="utf-8"/>
    </head>
    <body>
    <h1>Testando JavaScript</h1>
    <script>
    alert(“Olá Mundo!”);
    document.write(“Olá Mundo!”);
    </script>
    </body>
    </html>
    <!DOCTYPE html>
    <html lang="pt-br">
    <head>
    <title>Teste de JS</title>
    <meta charset="utf-8"/>
    </head>
    <body>
    <h1>Acenda a Lâmpada</h1>
    <img src="_imagens/_lampada/lampada-apagada.jpg"/>
    </body>
    </html>
    <!DOCTYPE html> E os scripts?????
    <html lang="pt-br">
    <head>
    <title>Teste de JS</title>
    <meta charset="utf-8"/>
    </head>
    <body>
    <h1>Acenda a Lâmpada</h1>
    <img src="_imagens/_lampada/lampada-apagada.jpg"/>
    </body>
    </html>
    <!DOCTYPE html>
    <html lang="pt-br">
    <head>
    <title>Teste de JS</title>
    <meta charset="utf-8"/>
    <script>
    function acendeLampada() {
    alert(“Lâmpada acendeu!”);

    }
    </script>
    </head>
    <body>
    <h1>Acenda a Lâmpada</h1>
    <img src="_imagens/_lampada/lampada-apagada.jpg“ onclick=“acendeLampada()”/>
    </body>
    </html>
    <!DOCTYPE html>
    E os scripts?????
    <html lang="pt-br">
    <head>
    <title>Teste de JS</title>
    <meta charset="utf-8"/>
    <script>
    function acendeLampada() {
    alert(“Lâmpada acendeu!”);

    }
    </script>
    </head>
    <body>
    <h1>Acenda a Lâmpada</h1>
    <img src="_imagens/_lampada/lampada-apagada.jpg“ onmousemove=“acendeLampada()”/>
    </body>
    </html>
    <!DOCTYPE html>
    E os scripts?????
    <html lang="pt-br">
    <head>
    <title>Teste de JS</title>
    <meta charset="utf-8"/>
    <script>
    function acendeLampada() {
    alert(“Lâmpada acendeu!”);
    document.getElementById("troca").src="_imagens/_lampada/lampada-acesa.jpg";
    }
    </script>
    </head>
    <body>
    <h1>Acenda a Lâmpada</h1>
    <img src="_imagens/_lampada/lampada-apagada.jpg“ id=“troca”onmousemove=“acendeLampada()”/>
    </body>
    </html>
    <!DOCTYPE html>
    3 funções?????
    <html lang="pt-br">
    <head>
    <title>Teste de JS</title>
    <meta charset="utf-8"/>
    <script>
    function acendeLampada(){
    document.getElementById("troca").src="_imagens/_lampada/lampada-acesa.jpg";
    }
    function apagaLampada(){
    document.getElementById("troca").src="_imagens/_lampada/lampada-apagada.jpg";
    }
    function quebraLampada(){
    document.getElementById("troca").src="_imagens/_lampada/lampada-quebrada.jpg";
    }
    </script>
    ..........
    ........
    E os scripts?????
    </head>
    <body>
    <h1>Acenda a Lâmpada</h1>
    <img src="_imagens/_lampada/lampada-apagada.jpg“ id=“troca” onmousemove=“acendeLampada()
    onmouseout=“apagaLampada” onclick=“quebraLampada()” />
    </body>
    </html>
    <script>
    function statusLampada(tipo){
    if (tipo == 1) {
    arquivo = "_imagens/_lampada/lampada-acesa.jpg";
    }
    if (tipo == 2) {
    arquivo = "_imagens/_lampada/lampada-apagada.jpg";
    }
    if (tipo == 3) {
    arquivo = "_imagens/_lampada/lampada-quebrada.jpg"
    }
    document.getElementById("troca").src = arquivo;
    }
    </script>
    ..........
    <body> E os scripts?????
    <h1>Acenda a Lâmpada</h1>
    <img src="_imagens/_lampada/lampada-apagada.jpg" id="troca"
    onmousemove="statusLampada(1)" onmouseout="statusLampada(2)"
    onclick="statusLampada(3)"/>

    </body>
    <script>
    testeJS2.html
    var quebrou = false;
    function statusLampada(tipo){
    if (tipo == 1) {
    arquivo = "_imagens/_lampada/lampada-acesa.jpg";
    }
    <body>
    if (tipo == 2) {
    <h1>Acenda a Lâmpada</h1>
    arquivo = "_imagens/_lampada/lampada-apagada.jpg"; <img src="_imagens/_lampada/lampada-apagada.jpg" id="troca"
    } </body>
    if (tipo == 3) {
    arquivo = "_imagens/_lampada/lampada-quebrada.jpg"
    quebrou = true;
    }
    document.getElementById("troca").src = arquivo;
    }
    </script>
    <script>
    testeJS3.html
    var quebrou = false;
    function statusLampada(tipo){
    if (tipo == 1) {
    arquivo = "_imagens/_lampada/lampada-acesa.jpg";
    }
    <body>
    if (tipo == 2) {
    <h1>Acenda a Lâmpada</h1>
    arquivo = "_imagens/_lampada/lampada-apagada.jpg"; <img src="_imagens/_lampada/lampada-apagada.jpg" id="troca"
    } </body>
    if (tipo == 3) {
    arquivo = "_imagens/_lampada/lampada-quebrada.jpg"
    quebrou = true;
    }
    if (!quebrou) {
    document.getElementById("troca").src = arquivo;
    }
    }
    </script>
    <script>
    var quebrou = false; testeJS3.html
    function statusLampada(tipo){
    if (tipo == 1) {
    arquivo = "_imagens/_lampada/lampada-acesa.jpg";
    }
    if (tipo == 2) { <body>
    arquivo = "_imagens/_lampada/lampada-apagada.jpg"; <h1>Acenda a Lâmpada</h1>
    <img src="_imagens/_lampada/lampada-apagada.jpg" id="troca"
    }
    </body>
    if (tipo == 3) {
    arquivo = "_imagens/_lampada/lampada-quebrada.jpg";
    }
    if (!quebrou) {
    document.getElementById("troca").src = arquivo;
    if (tipo == 3){
    quebrou = true;
    }
    }
    }
    </script>

    Você também pode gostar