Nylon Tecnologia
Mudamos para um dominio proprio.

Acesse nosso novo forum.

http://crawlersnetwork.com/

[tutorial] basico em javascript

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[tutorial] basico em javascript

Mensagem por hacker fts315 em Dom Ago 12, 2012 11:25 am

javascript e uma linguagem de script muito parecida com java muito usada em paginas web para deixar mais dinamica, nao e necessario um copilador igual perl o proprio navegador interpreta a linguagem entao basta criar uma pagina em html e colocar o script nela, veja abaixo um codigo em html

Código:

<html>
  <body>
  </body>
</html>

para inserir um codigo em javascript na sua pagina html basta usar a tag <script> e dentro dela colocar o codigo js (javascript), veja o exemplo com o mesmo codigo acima

Código:

<html>
  <body>
      <script> </script>
  </body>
</html>

o codigo acima ja faz o navegador entender q e um script, para ficar com o codigo mais completo se usa o comando type="text/javascript" dentro da primeira tag <script>

Código:

<html>
  <body>
      <script type="text/javascript"> </script>
  </body>
</html>

para da um alerta (uma janela com uma menssagem) basta colocar o comando alert() e a menssagem dentro, lembrando q o texto e uma string entao tem que estar entre aspas

Código:

<html>
  <body>
      <script type="text/javascript">
        alert("by hacker fts315") ;
      </script>
  </body>
</html>

vendo o codigo acima voce deve ter reparado q eu escrevi o codigo na linha debaixo diferente do codigo antrerior que a tag <script> tava na mesma linha, o navegador ignora espaços em branco e quebra de linha isso permite deixar o codigo mais legivel dando um espaço para separar (esse espaço se chama edentação) para o navegador saber q o comando termino se usa o ponto e virgula no final (igual c, java e perl), depois q abrir a pagina vcs vao ver um janela escrito o texto by hacker fts315, para escrever um texto se usa o comando document.write() veja no exemplo

Código:

<html>
  <body>
      <script type="text/javascript">
        document.write("by hacker fts315");
      </script>
  </body>
</html>

as variaveis na linguagem javascript nao e precisa definir o tipo dela apenas declarar ela se ela se parecer com texto ela vai ser uma string se ela se parece com inteiro ela vai ser inteira, para criar variavel basta colocar o comando var seguido do nome dela (o nome pode ser qualquer coisa, porem tem q começar com letras e nao pode ser nome de comando), veja no exemplo

Código:

<html>
  <body>
      <script type="text/javascript">
        var variavel1;
      </script>
  </body>
</html>

para atribuir um valor a uma variavel se coloca o igual depois o dados que ela vai receber

Código:

<html>
  <body>
      <script type="text/javascript">
        var variavel1;
        variavel1 = 315;
      </script>
  </body>
</html>

voce tambem pode colocar na mesma linha q declara ela para atribuir o valor, para exibir e so usar um dos comando anterior (document.write ou alert)

Código:

<html>
  <body>
      <script type="text/javascript">
        var variavel1 = 315;
        document.write(variavel1);
      </script>
  </body>
</html>

bom se vc pegar dois numeros ou mais e fizer uma conta com ela da tambem, veja no codigo anterior na variavel1 vou criar outra variavel com outro valor e criar uma outra variavel que vai receber o valor da soma duas variaveis

Código:

<html>
  <body>
      <script type="text/javascript">
        var variavel1 = 315;
        var variavel2 = 100;
        var variavel3 = variavel1 + variavel2;
        document.write(variavel3);
      </script>
  </body>
</html>

voce tambem poderia exibir o resultado ao inves de usar a variavel3 colocando a soma dos dois para ser exibida veja

Código:

<html>
  <body>
      <script type="text/javascript">
        var variavel1 = 315;
        var variavel2 = 100;
        document.write(variavel1 + variavel2);
      </script>
  </body>
</html>

as operaçao matematicas que pode ser feita no js sao todas embora, algumas sao muito facil igual a adiçao e subtraçao e divisao outras voce teria q criar o algoritimo para elas como por exemplo o quadrado q é o numero multiplicado por ele mesmo, para fazer os operadores aritméticos basicos no js se usa esses sinais


+ adiçao
- subtraçao
* multiplicaçao
/ divisao
% modulo

Código:

<html>
  <body>
      <script type="text/javascript">
        document.write(315 + 100);
        document.write("<br>");
        document.write(315 - 100);
    document.write("<br>");
        document.write(315 * 100);
    document.write("<br>");
        document.write(315 / 100);
    document.write("<br>");
        document.write(315 % 100);
      </script>
  </body>
</html>

no codigo anterior vc deve ter reparado q e usei <br> dentro do document.write essa tag significa quebra de linha caso eu nao tivesse usado ela ia ficar tudo junto ao inves de exibir os numero um embaixo do outro ia exibir tudo na mesma linha e tudo embolado, existe uma diferença de string para numeros se vc reparar toda string(texto) fica entre aspas e um numero nao, se vc pegar dois numeros por exemplo 2 e 3, e soma-los vai retorna o valor 5, agora se vc pegar duas strings com o valor "2" e "3" e soma-los vai retorna o valor "23" isso por a string nao soma e sim concateno.

bom galera esse e o basico em javascript, depois vou criar mais tutoriais dessa e de outras linguagens espero q esse simples tutorial possa ajudar voces na criaçao da sua index tanto para defacer ou para uso normal da linguagem ^^

by hacker fts315
avatar
hacker fts315
Membro

Mensagens : 53
Pontos : 4047
Reputação : 32
Data de inscrição : 12/08/2012

Ver perfil do usuário http://endoffile.umforum.net

Voltar ao Topo Ir em baixo

Re: [tutorial] basico em javascript

Mensagem por n3tt3rz em Dom Ago 12, 2012 12:29 pm

Poxa eu to começando me interessar por programaçao web e isso me ajudou a dar um helloword kk
avatar
n3tt3rz
Membro

Mensagens : 61
Pontos : 3971
Reputação : 20
Data de inscrição : 09/08/2012
Idade : 21
Localização : /var/www

Ver perfil do usuário http://hacker.umforum.net

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum