Introdução a Javascript

Antes de começar gostaria de esclarecer quatro pontos.

1. Java não é javascript e javascript não é java, seus usos são bem diferentes apesar da similaridade do nome e de alguns conceitos.
2. É um requisito básico para essa introdução saber um pouco de POO e lógica de programação, pois não abordarei esses temas.
3. Aprendi javascript depois de Java, por isso muitas vezes farei uma analogia com ela.
4. Qualquer erro ou dúvida, não excite em comentar.

Por ser uma linguagem de programação dinâmica, não é necessário declarar o tipo da variável como em C/C++. Para iniciar uma variável, basta digitar desta forma:

var CriaUmaVariavel;

Não é obrigatório o uso da palavra "var", mas é aconselhável para manter o código mais simples de ser lido. A não necessidade de se declarar o tipo de "CriarUmaVariavel" é que ao longo da execução do programa ela poderá se "modificar" e uma hora ser um int, noutra uma String. Para provar o que estou falando teste o seguinte código num .html:
Ok, agora você percebeu que document.write() imprime na tela algo, mas por que e como funciona?
 A primeira parte do método é o "document" que nada mais é que um objeto. Esse objeto representa a página html atual e é com ele que acessamos e comandamos os elementos da página. O ponto entre document e write chama o método ou a variável de instância de "dentro" do objeto. EU leio o ponto como pegue dentro de document o write().
Na maioria das vezes, acessar o objeto document será a única coisa que você fará para a web, então leia a documentação para se aprofundar no assunto.
 - Legal, mas e se eu quiser criar uma função?
Para criar uma função:
function NomeDaFuncao()
{
  
}
Bem simples, né? Mas, você quer ver algo na prática e interagindo com algo do html, certo?
Imagine a seguinte situação, você tem um formulário de cadastro e precisa que depedendo da opção do usuário diga se ele é uma pessoa física ou jurídica.

Montamos o formulário, agora vamos as explicações. Você geralmente vai querer que o javascript faça ALGO quando o usuário fazer uma AÇÃO. É exatamente isso que fizemos acima, "onclick" é uma ação, "no click" faça a função  mudarTipo(). As ações mais comuns são: onblur(ao tirar o "cursor" do elemento, ou seja, perder o foco), onchange(na mudança, geralmente usado na tag select O getElementbyId(), literalmente pega um elemento de document pela id(que deve ser única). o innerHtml é uma propriedade, no caso da tag span, essa própriedade "comanda" o que tem entre a tag html selecionada, no caso ele escreverá pessoa fisica ou juridica dependendo da opção do usuário. Qual a diferença dele para o .write? O .write imprime algo, o innerHtml modifica algo já escrito, se houvesse algo entre as tags span /span seria modificado para a mensagem escolhida no js.