Lógica de Programação

Exercícios e Resultados Aqui

Regras da Convenção

Conforme a convenção devemos:

• Salvar arquivos desta_forma.html
• < > são tags, são feitas em letras minúsculas
• As tags são abertas e fechadas com /, <h1> e </h1>
• Em JavaScript tudo em minúsculo
• Variáveis são salvas:
  • 1 palavra: assim
  • 2 ou mais: destaForma ou destaFormaAqui

O sistema até reconhece a tag sendo digitada em letra MAIÚSCULA, mas o correto é digitar em minúscula.

Incluir título

• Dentro de HTML:

• <h1> início título
• </h1> final título

<h1>Aqui será o título!</h1>

• Dentro de JS com HTML

• document.write dentro de JS escrever em HTML
• ("<h1>Título</h1>") em HTMl dentro de JS, nas (" ")

<script>
    document.write("<h1>Título</h1>");
</script>

Incluir link

• <a> início âncora
• href="texto" atributo para incluir o link, dentro da 1ª âncora
• palavra aqui, cliclando levará para outro site
• </a> final âncora

<a>aqui</a>! <a href="http://www.site.com.br">aqui</a>

Visitando o site <a href="http://www.site.com.br">aqui</a>!

Depurador (debugger)

• Apertar F12 no teclado
• Ir em Console
• Mensagens de erro estarão em vermelho

Mundos

• <script> início JavaScript
• Aqui vamos escrever os códigos dinâmicos
• </script> final JavaScript
• document.write dentro de JS escrever em HTML
• ("<h1>Título</h1>") em HTMl dentro de JS, nas (" ")

<script>
    document.write("parâmetro 1");
    document.write(18);
    document.write("<h1>Título</h1>");
</script>

textos são em (" ") e números apenas em ( )

Se tivermos:

• string + string = string
  • ("10") + ("2") = 102

* número + número = número * (10) + (2) = 12
* string + número = string * ("10") + (2) = 102
* strings + números = string * ("A" + "B" + 20 + 10 + "C" + (5 + 10) + "D") = AB2010C15D

strings: ou textos, estarão em " "

Criar alertas

• meta charset="UTF-8" código para o programa aceitar acentuações
• <script> iniciar a linguagem JavaScript dentro do Html
• alert criar um popup
• ("parâmetro") deve estar entre ( ) e " "
• ; sempre encerrar a linha com ;
• </script> finalizar a linguagem JavaScript

<meta charset="UTF-8">

<script>
alert("Este é um popup feito com JavaScript");
</script>

Variável

• vardeclarada apenas pela 1ª vez
• var = var recebe

<meta charset="UTF-8">

<script>
    var n = 1;
    document.write("O resultado da fórmula é : " + n * (10 / 20));

    n = 2
    document.write("O resultado da fórmula é : " + n * (10 / 20));
</script>

Usando funções Matemáticas

Para arredondar um resultado:

• Math.round() - dentro das ( ) incluir um valor ou uma variável. O resultado será arredondado.

Resultado de 33,33 vai para 33.

Criando um nova função

Assim como a variável, a função deve ser inclusa no início do programa!

• function apresentar uma nova função
• pulaLinha() nome da função e com ( )
• { } dentro das { }
• document.write indentado e incluir o que essa função fará, dentro das { }
• Para executar esta função inserir pulaLinha();.
• Os ( ) são obrigatórios para chamar a função!

<script>

function pulaLinha() {

    document.write("<br>");

}

</script>

Função com 1 (um) parâmetro

• Repete os passos do item anterior
• Dentro das ( ) da função ganha um parâmetro
• O mesmo parâmetro se repete dentro das ( ) de document.write(aqui)
• As funções podem ser inclusas dentro de outras funções

<script>

function mostra(frase) {

    document.write(frase);
    pulaLinha();

}

</script>

Função com 2 (dois) parâmetros

• Dentro das ( ) da função ganha dois parâmetros, são separados por ,
• O mesmo parâmetro se repete na variável criada

<script>

function calculaImc(altura, peso) {

    var imc = peso / (altura * altura);
    mostra("O imc calculado é: " + imc);
    
}

calculaImc(1.71, 73);
calculaImc(1.72, 68);

</script>

---

Comandos em HTML

Comandos em JavaScipt

Curso finalizado, duração de 16 horas

---