Novo ! Como criar um javascript !

[Tutorial] Como criar um javascript !

Tutorial de Javascript – Parte 1

Informações:
Ensinar: Criar um javascript
Dificuldade: Fácil
Prático: Sim
Perigoso: Não
Criado por: José Alberto
Data de ínico: 09/08/08

Comandos de:
– Alert
– Confirm (Sem Efeito)
– Prompt ** FUNCIONA APENAS NO MOZILLA FIREFOX! **
– Variável de Prompt ** FUNCIONA APENAS NO MOZILLA FIREFOX! **
– Document.write (Básico)

== Começo de um Javascript ==
Sempre se começa um com:
javascript:
Se não colocar isso no começo, não irá funcionar!

== Partes de um Javascript ==
Toda vez que for mudar um comando para o outro use
; (Ponto e vírgula)
para separálos!
Caso contrário, não surtirá os efeitos!

== Final de um javascript ==
Muitos dizem que precisa do avoid(0) no final d um Java, mas eu nunca botei e nunca causou um efeito diferente ou erro!

== Alert ==
Nosso primeiro comando e o mais básico!
Alert não é nada mais que Alerta. Você recebe uma mensagem dentro de uma janelinha!
Para criá-lo use: alert(“Mensagem aqui”)
Ficando assim o código pronto:
javascript:alert(“Tutorial by José Alberto”)
(Lembre-se de não retirar as aspas (“) ou os parenteses ().)

== Confirm (Sem Efeito) ==
Esse é um comando legal!
Ele pergunta algo e você pode clicar em OK ou Cancelar.
O Que vou lhes ensinar não surtirá efeito caso clicar em OK ou cancelar!
Para criá-lo use: confirm(“Sua pergunta aqui!”)
Ficando assim o código pronto:
javascript:confirm(“Você está ciente de que este tutorial foi feito pelo Alberto?”)
(Em alguns casos pode aparecer uma janela escrita “True” ou “False” após o clique. Isso não altera nada!)
(Lembre-se de não retirar as aspas (“) ou os parenteses ().)== Prompt == ** FUNCIONA APENAS NO MOZILLA FIREFOX! **
Bem… O Prompt…
È apenas uma caixa com uma mensagem!
Você pode criar uma mensagem nessa caixa para usar depois. (Isso vou ensinar no proximo comando).
Mas aqui serve para mostrar uma mensagem e poder alterá-la ou até copia-lá!
Aqui está o comando: prompt(“Abaixo está o nome de quem criou este tutorial!”,”José Alberto”)
Caso queira que alguem escreva alguma coisa. Tire o que está após a vírgula. Ficando assim:
prompt(“Abaixo está o nome de quem criou este tutorial!”)
O Javascript pré-definido:
javascript:prompt(“Abaixo está o nome de quem criou este tutorial!”,”José Alberto”)
(Caso estiver usando o Internet Explorer, poderá ocorrer um erro e aparecer “NULL” após usar o código!)
(Lembre-se de não retirar as aspas (“) ou os parenteses ().)

== Variável de Prompt == ** FUNCIONA APENAS NO MOZILLA FIREFOX! **
Uix… Esse é o mais chatinho de explicar..
Mas espero que entendam!
Bem, esse comando faz com que o que a pessoa escreveu no Prompt apareça em algum otro lugar!
Esse texto fica armazenado em um local e retirado quando precisar!
Por exemplo:
javascript:nome=prompt(“Qual seu nome?”);idade=prompt(“Qual sua idade?”);document.write(“Seu nom é ” + nome + ” e sua idade é ” + idade + “. Viu como eu sei?”)
Agora vou ensinar á fazer.
Primeiro definá qual vai ser á variável. Como ja destaquei acima, vou pegar o “nome”.
E vamos usa-lo: nome=prompt(“Qual seu nome?”)
Muito bem! Agora, para por em algum lugar como no texto acima apareceu, vou ensinar o Document.write.
(Caso estiver usando o Internet Explorer, poderá ocorrer um erro e aparecer “NULL” após usar o código!)
(Lembre-se de não retirar as aspas (“) ou os parenteses ().)

== Document.write (Básico) ==

O “Básico” que eu quero dizer é que não vou mostrar como se muda de cor, fonte ou tamanho de letra!
Apenas escrever!
Olhe o exemplo:
document.write(“Tutorial By José Alberto!”)
Coloque isso no javascript, ficando assim:
javascript:document.write(“Tutorial by José Alberto!”)
Agora se você tem uma váriavel armazena e quér colocá-la aqui use o seguinte comando:
” + Nome da variável + “
Troque o “Nome da variável”, por, por exemplo: nome
Ficando assim:
” + nome + “
Não retire o ” ou o + da frase.
Por exmeplo:
javascript:nome=prompt(“Digite seu nome”);document.write(“Seu nome é: ” + nome + “. “)
(Para dar um “ENTER” no texto use: <br>)
(Caso estiver usando o Internet Explorer, poderá ocorrer um erro e aparecer “NULL” após usar o código!)
(Lembre-se de não retirar as aspas (“) ou os parenteses ().)

== Exemplo ==
Vou dizer olá e perguntar se você quér um café.
Depois vou perguntar seu nome e colocar em um documento.
E por final vou dar meu endereço de email!

javascript:alert(“Olá! Sou José Alberto!”);confirm(“Quér um cafézinho?”);nome=prompt(“Qual seu nome?”);document.write(“Seu nome é ” + nome + ” e você parece ser muito legal!”);
Viu?^^

== Conclusão ==

Espero você ter aprendido muito com isso!
Mas lembre-se! Os créditos são Meus!
Qualquer dúvida: alberto_msn_500@hotmail.com
Falow!
By José Alberto

 

 

 

 

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s




%d blogueiros gostam disto: