Básico de JavaScript
1 – Exibir uma mensagem
view sourceprint?
<html>
<body>
<script>
alert("Olá Mundo o/")
</script>
</body>
</html>
O que faz ?
O lert é usado para mostrar uma caixa de mensagem com um texto.
No caso estamos fazendo ela mostrar “Olá Mundo o/”)
2- Variáveis
view sourceprint?
<html>
<body>
<script>
var1 = 2
var2 = 3
soma = var1 + var2
alert(soma)
</script>
</body>
</html>
O que faz ?
Aqui você está criando 3 variáveis
uma com o valor 2, outra com 3 e a terceira com a soma desses dois valores
usando o alert nós podemos fazer mostrar o resultado desta soma.
3- If, else e else IF
view sourceprint?
<html>
<body>
<script>
var1 = 25
if (var1 == 25){
alert (“var1 = 25”);
}
else if{
alert (“var1 = 30”);
}
else{
Alert (“var1 não é 25 nem 30”);
}
</script>
</body>
</html>
O que faz ?
IF – faz uma comparação no caso a cima fica Se var1 for igual a 25 então mostra na página nossa alert.
ELSE IF – Ele faz uma segunda comparação Senão se var1 for igual a 30 mostra na nossa alert que var1 vale 30 e não 25
ELSE – Serve para fazer uma ação caso o IF de “errado” Senão for 25 mostra que var1 não é 25 e no nosso caso nem 30
4 – Switch
view sourceprint?
<html>
<body>
<script>
var1 = 25
switch(var1){
case “25”:
alert(“Numero 25”)
break
case “24”:
alert(“Quase 25”)
break
case “26”
alert(“Passou de 25”)
break
default:
elert(“Nenhum :/”)
}
</script>
</body>
</html>
O que faz ?
O switch também serve de comparação assim como o IF
No nosso caso ele está comparando nossa variável var1 para ver que numero é e mostrar na mensagem
O default serve para mostrar caso nenhum valor do case servir.
Cuidado para não se esquecer do break
5 – For
view sourceprint?
<html>
<body>
<script>
var1 = 25
for (i=0;i<25;i++){
var1 = i
}
alert(i)
</script>
</body>
</html>
O que faz ?
For é para se criar um loop vamos ver por partes
I=0;
I é uma variável temporário que está recebendo o valor 0
I<25;
Está fazendo o papel do if se i for menor que 25 então ele vai entrar no loop
I++
Adiciona +1 a variável até ela alcançar 25 que é o nosso caso
Para entender melhor coloque o alert(i) abaixo do “var1=i”
5 – While
view sourceprint?
<html>
<body>
<script>
var1 = 0
while (numero < 25){
var1++
}
alert(var1)
</script>
</body>
</html>
O que faz ?
Nossa amigo while vai ficar fazendo o loop até a condição dele for aceita
No nosso caso ele vai adicionar +1 no var1 até chegar em 25.
Vou dar um exemplo de algo bem legal agora
Vamos supor que você tem uma página mas quer que ela mande para outra logo que o cara abre ela.
Então você faz assim:
view sourceprint?
<script>
window.location = 'http://bizarriceslol.com';
</script>
E com isso nosso tutorial chega ao fim
É bem basicão mesmo mas pra quem está quem quer começar com JavaScript acho que vai ajudar um pouco.
Nenhum comentário:
Postar um comentário