[tutorial] basico em javascript
2 participantes
Página 1 de 1
[tutorial] basico em javascript
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
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
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>
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
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
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
para atribuir um valor a uma variavel se coloca o igual depois o dados que ela vai receber
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)
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
voce tambem poderia exibir o resultado ao inves de usar a variavel3 colocando a soma dos dois para ser exibida veja
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
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
- 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
Re: [tutorial] basico em javascript
Poxa eu to começando me interessar por programaçao web e isso me ajudou a dar um helloword kk
Tópicos semelhantes
» [tutorial] basico em css
» [tutorial] basico em xml
» [tutorial] cookie em javascript
» [tutorial] cor do texto em javascript
» [tutorial] namespace
» [tutorial] basico em xml
» [tutorial] cookie em javascript
» [tutorial] cor do texto em javascript
» [tutorial] namespace
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos