JavaScript Introdução

---

Esta página possui alguns exemplos do que o JavaScript pode fazer.

O JavaScript pode mudar o conteúdo do elemento HTML
Um dos tantos métodos do HTML JavaScript é o getElementById().
Neste exemplo usamos o método para "encontrar" um elemento HTML (com id = "demo") para mudar o seu contéudo (innerHTML) para "Hello JavaScript":

Exemplo

document.getElementById("demo").innerHTML = "Hello JavaScript";

Try it Yourself »

JavaScript aceita tanto as duplas quanto aspas simples:

Example

document.getElementById('demo').innerHTML = 'Hello JavaScript';

Try it Yourself »

O JavaScript pode mudar valores dos atributos HTML
Neste exemplo, o JavaScript muda o valor do atributo src (source) de uma tag <img>:

O interruptor de luz

  

Try it Yourself »

O JavaScript pode mudar Estilos em HTML (CSS)
Mudando o estilo de um elemento HTML, é uma alternativa da mudança de atributos HTML:

Exemplo

document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';

Try it Yourself »

O JavaScript pode esconder elementos HTML
Você pode esconder elementos HTML apenas mudando seu display style:

Exemplo

document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';

Try it Yourself »

O JavaScript pode mostrar elementos HTML
Mostrando um elemento HTML antes escondido. Isso pode ser feito através da mudança de seu display style:

Example

document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display = 'block';

Try it Yourself »

JavaScript Tutorial

JavaScript é a linguagem de programação do HTML e da Web.
JavaScript é fácil de aprender.
Esses tutoriais irão te ensinar o JavaScript do básico ao avançado.

Exemplos em cada Capítulo
Com nosso editor "Try it Yourself", você poderá alterar todos os nossos exemplos e visualizar os resultados.

Exemplo

Meu primeiro JavaScript:

Try it Yourself »

Nós recomendamos ler esse tutorial na sequência em que ele foi listado através do menu esquerdo.

Aprenda com exemplos
Exemplos são melhores do que 1000 palavras. Exemplos são normalmente mais fáceis de compreender do que as explicações textuais.
Este tutorial exemplifica todas as explicações com exemplos claros através do "Try it Yourself".
Exemplos JavaScript

Se você treinar todos os exemplos, você vai aprender sobre JavaScript mais rapidamente.

Por que estudar JavaScript?
JavaScript é uma das 3 linguagens que qualquer desenvolvedor web deve aprender:

• HTML define o conteúdo de páginas web
• CSS especifica a aparência de páginas web
• JavaScript programa o comportamento de páginas web

Você sabia?
JavaScript e Java são linguagens completamente diferentes, tanto no contexto quanto no design.
JavaScript foi desenvolvido por Bredan Eich em 1995, e tornou-se um padrão ECMA em 1997.
EMCA-262 é o nome oficial deste padrão. EMCAScript é o nome oficial da linguagem.
Você pode ler mais sobre as diferenças das versões JavaScript no capítulo Versões JS.

Aprendendo rápido
Nestes tutoriais, a velocidade de aprendizado fica por sua conta.
Tudo depende de você.
Se você ficar confuso, dê um pausa, ou releia o material.
Tenha sempre certeza de que você entendeu todos os exemplos do "Try it Yourself".

Referências JavaScript
W3Schools mantém referências completas do JavaScript, incluindo tudo em HTML e objetos do navegador.
As referências contém exemplos de todas as propriedades, métodos e eventos, e são constantemente atualizadas de acordo com as últimas tecnologias web.
Referências Completas de JavaScript

Exercícios de JavaScript e Quiz
Teste suas habilidades em JavaScript na W3Schools!
Iniciar Exercícios JavaScript
Iniciar Quiz JavaScript

Versão brasileira da W3Schools

Este blog foi criado com a intenção de traduzir os tutoriais do curso: https://www.w3schools.com
Todo o conteúdo postado neste blog foi criado pela W3Schools, eu apenas contribui com a tradução direta dos tutoriais, portanto, não possuo os créditos nem direitos sobre os mesmos.