Power Duckets
Olá,Caro Visitante!
quer ter a permissão de ver Link's Fazer Tutoriais
e Saber mas sobre o fórum? Registre-se Já O melhor conteúdo encontra-se aqui

Já é um Membro?
Logue-se e faça parte do nosso Mundo de Lazer.

Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Membro
Membro
Localização Localização : sub-mundo da informatica
Ver perfil do usuário

[tutorial] basico em javascript

em Ter Jun 25, 2013 7:04 pm
Reputação da mensagem: 0% (1 votos)
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 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

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 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
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
Administrador
Administrador
Localização Localização : Chiado
Ver perfil do usuáriohttp://power-duckets.forumfacil.net

Re: [tutorial] basico em javascript

em Qua Jun 26, 2013 3:50 pm
Muito bom!
Obrigado por Compartilhar irá servi
Para Muitos Até mais!

-Yts
avatar
Membro
Membro
Ver perfil do usuário

Re: [tutorial] basico em javascript

em Qua Jun 26, 2013 3:57 pm
muito boa irei usar em meu forum ate mais
Conteúdo patrocinado

Re: [tutorial] basico em javascript

Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum