Continuação JavaScript primeiros passos

Publicado em 29 de Mar 2013.

Olá pessoal, estou aqui acordado resolvi escrever mais um tutorial de javascript aqui para blog, hoje escrevi uma pequena introdução de como escrever na tela a mensagem de olá mundo só para lembrar e com mais detalhes.

Vamos criar um documento chamado olamundo.html com a estrutura básica de marcação. Estou utilizando o novo padrão HTML5, que pode ser visto também aqui no blog.

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title>Página Simples</title>
        <meta charset="UTF-8" />
    </head>
    <body>
    </body>
</html>

Depois de salvar está página, vamos inserir nosso código javascript, o código tem que ser colocando dentro do bloco <script type="text/javascript"></script>.

Veja logo a abaixo o exemplo

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title>Página Simples</title>
        <meta charset="UTF-8" />
    </head>
    <body>
        <script type="text/javascript">
            document.write("Ola Mundo!");
        </script>
    </body>
</html>

Para ver mais o poder do javascript, vou adicionar um evento em um botão isso mostra a interatividade e a facilidade de programar.

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title>Página Simples</title>
        <meta charset="UTF-8" />
    </head>
    <body>
        <button onclick="alert('Bem Vindo!')">Clique aqui</button>
    </body>
</html>