Mais comandos úteis de javascript
Bom, o javascript está voltando com tudo agora com os sites usando ajax, que nada mais é do que um javascript que puxa informações com arquivos server-side.
Se você pretende fazer sites ageis minha dica é esquecer um pouco actionscript(flash) e se concentrar no javascript e html, apesar de que o action script é bem parecido com o javascript...
Outra coisa antes de começar com o javascript é saber que não é a mesma coisa que java, a forma de montar as coisas nas 2 linguagens eu considero bem diferentes...
Sem complicar muito, vamos começar do inicio...
Tudo começa com as tags
<script>
</script>
É entre elas que vamos digitar nossos códigos, e assim fazer a mágica...rs
Normalmente essa tag fica dentro do head ou então no body em certos casos.
document.write("texto") > Esse comando escreve no documento. Lembrando que só funciona se você não estiver executando-o por uma function. Ele escreverá onde a tag script se encontra, logo se for a primeira tag no body, texto ficará logo no início da página, se ficar perto do fim do body ficará no fim da página, é meio difícil explicar, mas fácil intender...
document.getElementById("elemento_id").innerHTML > Antes de ver o conteúdo do elemento(.innerHTML) é necessário saber o elemento, quando você vai fazer um div por exemplo você cria assim: <div id="div_teste"> </div>, como você pode ver é só definir o id do elemento com o atributo id, seguido por um nome único... O id é necessário apenas se você for usar um estilo(CSS) específico pro elemento ou manipulá-lo com javascript(nosso caso). Por fim, depois de substituir no código elemento_id por div_teste, o comando vai retornar o conteúdo do elemento... Esse comando também pode alterar o conteúdo do elemento, basta colocar o sinal de = (ou o que desejar) e depois escrever o que quer que apareça... Novamente, difícil de explicar e fácil de intender....
v0 = 5;
v1 = 10;
v2 = v1/v0;
v0 += v2; > Variáveis podem ser definidas fácilmente como visto. Ao fim de cada linha não esqueça de colocar ponto e virgula (;) isso demonstra que a linha acabou. Na primeira linha é declarada a variável v0 e seu valor 5, na linha seguinte a variável v1, a variável v2 é a divisão entre as duas... Nota-se que o sinal de divisão é /, v2 terá valor 2 porque 10 dividido por 5 é 2... Multiplicação faz-se com *(asteristíco, acho que é assim que chama...kkkk), + e - é normal mesmo... Na última linha há uma soma de v2 a v0, isso é 5+2, tornando o valor de v0 7. Substituindo o valor antes do = você pode fazer conta de multiplicação, divisão, subtração, enfim, todas...
arr = Array(1,2,3,4,5, Array('ABCDEF') );
arr[0] = 'rrr';
arr.push('0'); > O nome correto em português não estou me lembrando, mas é porque a gente trabalha com array com nome array mesmo, pra ficar mais fácil de pesquisar no google os comandos em determinadas linguagens...rs. A array é um conjunto, pode conter variáveis, elementos, enfim... A declaração de uma array é feita como na primeira linha, você pode criar uma array com arrays dentro dela se for o caso, a virgula e que separa. Depois de criada a array você pode modificar o conteúdo dela. Na segunda linha vamos alterar a primeira variável da array, para isso colocamos entre colchetes o número 0(isso porque o padrão é americano e eles começando a contar do 0, então acostume-se, pois quase sempre é assim que vai funcionar), na próxima linha o comando .push adiciona ao final da array o que estiver dentro do parenteses. Não esqueça que conteúdos dentro de áspas são strings(palavras), logo não da pra fazer conta com palavras, se você somar 2 strings você terá a junção dos seus conteúdos assim por exemplo: string0string1 . Ao fim desse trecho sua string terá o seguinte: ('rrr',2,3,4,5, Array('ABCDEF'), '0' )
v0 = 1;
v1 = 0;
document.write( ( v0==1 ? 'impar' : 'par' ) );
if(v0==1){
document.write(v0);
}else if(v0==2){
document.write("erro");
}else{
document.write(v1);
} > Bom vocês agora já entendem o que é declarar uma variável né, agora são as comparações... Na terceira linha tem uma condicional simples(de uma linha), ela declara que se v0 for igual a 1 irá retornar a string impar, caso contrário retornará par... Veja que a condição só pode ser verdadeira ou falsa, isso é as vezes você terá que fazer pelo segundo método que é o mais completo... Se você souber inglês conseguirá intender o processo melhor... If quer dizer(se), isso é, se v0 for igual a 1 faz document.write(v0), caso contrário, se v0 for igual a 2 faz a outra ação e caso não for nenhuma das duas opções faz a terceira...
Para ambas você usará os comparadores entre eles podemos destacar o ==(igual), >(maior), <(menor), >=(maior ou igual), <=(menor ou igual), !=(diferente de).
for(i=0;i<11;i++){
document.write(i+"<br>");
} > Loop serve pra repetir um comando até que se atinja certo número no contador. No caso o contador é representado pela variável i, na primeira linha é declarado que ele começa no 0, enquanto for menor que 11 se executa o comando e no fim de cada execução é somado +1(++) ao contador). Assim esse comando irá imprimir na página de 0 a 10, pois quando o contador atingir 11 será igual a 11 e não menor que 11, não atingindo o requisito pra executar o comando... Isso faz o loop parar automaticamente... Você também pode forçar sua parada com o comando break .
Bom esses comandos são os mais básicos pra qualquer linguagem, antes de aprender os mais difíceis vocês tem que saber os principais, qualquer hora eu posto mais alguma coisa, se eu tiver esquecido de algum principal depois eu corrijo aqui e aviso vocês no meu post do dia...rs
Se você pretende fazer sites ageis minha dica é esquecer um pouco actionscript(flash) e se concentrar no javascript e html, apesar de que o action script é bem parecido com o javascript...
Outra coisa antes de começar com o javascript é saber que não é a mesma coisa que java, a forma de montar as coisas nas 2 linguagens eu considero bem diferentes...
Sem complicar muito, vamos começar do inicio...
Tudo começa com as tags
<script>
</script>
É entre elas que vamos digitar nossos códigos, e assim fazer a mágica...rs
Normalmente essa tag fica dentro do head ou então no body em certos casos.
document.write("texto") > Esse comando escreve no documento. Lembrando que só funciona se você não estiver executando-o por uma function. Ele escreverá onde a tag script se encontra, logo se for a primeira tag no body, texto ficará logo no início da página, se ficar perto do fim do body ficará no fim da página, é meio difícil explicar, mas fácil intender...
document.getElementById("elemento_id").innerHTML > Antes de ver o conteúdo do elemento(.innerHTML) é necessário saber o elemento, quando você vai fazer um div por exemplo você cria assim: <div id="div_teste"> </div>, como você pode ver é só definir o id do elemento com o atributo id, seguido por um nome único... O id é necessário apenas se você for usar um estilo(CSS) específico pro elemento ou manipulá-lo com javascript(nosso caso). Por fim, depois de substituir no código elemento_id por div_teste, o comando vai retornar o conteúdo do elemento... Esse comando também pode alterar o conteúdo do elemento, basta colocar o sinal de = (ou o que desejar) e depois escrever o que quer que apareça... Novamente, difícil de explicar e fácil de intender....
v0 = 5;
v1 = 10;
v2 = v1/v0;
v0 += v2; > Variáveis podem ser definidas fácilmente como visto. Ao fim de cada linha não esqueça de colocar ponto e virgula (;) isso demonstra que a linha acabou. Na primeira linha é declarada a variável v0 e seu valor 5, na linha seguinte a variável v1, a variável v2 é a divisão entre as duas... Nota-se que o sinal de divisão é /, v2 terá valor 2 porque 10 dividido por 5 é 2... Multiplicação faz-se com *(asteristíco, acho que é assim que chama...kkkk), + e - é normal mesmo... Na última linha há uma soma de v2 a v0, isso é 5+2, tornando o valor de v0 7. Substituindo o valor antes do = você pode fazer conta de multiplicação, divisão, subtração, enfim, todas...
arr = Array(1,2,3,4,5, Array('ABCDEF') );
arr[0] = 'rrr';
arr.push('0'); > O nome correto em português não estou me lembrando, mas é porque a gente trabalha com array com nome array mesmo, pra ficar mais fácil de pesquisar no google os comandos em determinadas linguagens...rs. A array é um conjunto, pode conter variáveis, elementos, enfim... A declaração de uma array é feita como na primeira linha, você pode criar uma array com arrays dentro dela se for o caso, a virgula e que separa. Depois de criada a array você pode modificar o conteúdo dela. Na segunda linha vamos alterar a primeira variável da array, para isso colocamos entre colchetes o número 0(isso porque o padrão é americano e eles começando a contar do 0, então acostume-se, pois quase sempre é assim que vai funcionar), na próxima linha o comando .push adiciona ao final da array o que estiver dentro do parenteses. Não esqueça que conteúdos dentro de áspas são strings(palavras), logo não da pra fazer conta com palavras, se você somar 2 strings você terá a junção dos seus conteúdos assim por exemplo: string0string1 . Ao fim desse trecho sua string terá o seguinte: ('rrr',2,3,4,5, Array('ABCDEF'), '0' )
v0 = 1;
v1 = 0;
document.write( ( v0==1 ? 'impar' : 'par' ) );
if(v0==1){
document.write(v0);
}else if(v0==2){
document.write("erro");
}else{
document.write(v1);
} > Bom vocês agora já entendem o que é declarar uma variável né, agora são as comparações... Na terceira linha tem uma condicional simples(de uma linha), ela declara que se v0 for igual a 1 irá retornar a string impar, caso contrário retornará par... Veja que a condição só pode ser verdadeira ou falsa, isso é as vezes você terá que fazer pelo segundo método que é o mais completo... Se você souber inglês conseguirá intender o processo melhor... If quer dizer(se), isso é, se v0 for igual a 1 faz document.write(v0), caso contrário, se v0 for igual a 2 faz a outra ação e caso não for nenhuma das duas opções faz a terceira...
Para ambas você usará os comparadores entre eles podemos destacar o ==(igual), >(maior), <(menor), >=(maior ou igual), <=(menor ou igual), !=(diferente de).
for(i=0;i<11;i++){
document.write(i+"<br>");
} > Loop serve pra repetir um comando até que se atinja certo número no contador. No caso o contador é representado pela variável i, na primeira linha é declarado que ele começa no 0, enquanto for menor que 11 se executa o comando e no fim de cada execução é somado +1(++) ao contador). Assim esse comando irá imprimir na página de 0 a 10, pois quando o contador atingir 11 será igual a 11 e não menor que 11, não atingindo o requisito pra executar o comando... Isso faz o loop parar automaticamente... Você também pode forçar sua parada com o comando break .
Bom esses comandos são os mais básicos pra qualquer linguagem, antes de aprender os mais difíceis vocês tem que saber os principais, qualquer hora eu posto mais alguma coisa, se eu tiver esquecido de algum principal depois eu corrijo aqui e aviso vocês no meu post do dia...rs
Comentários
Postar um comentário