JStudioMesanino

Eventos Os eventos são ações realizadas pelo usuário que são capturadas dentro do navegador, no JavaScript podemos captura-las como por exemplo o comportamento do movimento do mouse, um clique de uma tecla do teclado, até mesmo quando o usuário redimensiona a tela do browser, o carregamento da página, esses eventos possibilitam disparar ações. Os eventos trabalham em conjunto com as funções vista no ultimo estudo, caso não tenha se lembre volte no post e leia novamente. Eventos     Eventos do Mouse Os principais eventos de captura do mouse no browser são: ONCLICK - Acionado no clique do mouse. ONDBLCLICK - Acionado no clique duplo do mouse ONMOUSEDOWN - Acionado no clique do mouse(soltando ou não o botão) ONMOUSEOVER - Acionado quando cursor do mouse sobrepõe o elemento da página. ONMOUSEOUT   - Acionado quando o cursor do mouse sai da área de uma elemento da página. Para podermos começar precisamos de um elemento na página, para podemos visua...

Funções As funções na programação tem como objetivo agrupar um bloco de código e ou encapsular um conteúdo . E através dessa função permitir que seja acessado/retornado esse conteúdo para aplicação, Site ou Sistema. A definição de uma função é bem simples, no JavaScritp temos que escrever em minusculo no inicio  function nome_Da_Função ( parametro ){ //bloco de código }. Para fazer a chamada dessa função usamos o nome da função (), não a limites para chamar a função isso nos possibilita ter reuso de código e organização.  Exemplo 1 <script type="text/javascript"> primeiraFuncao(); function primeiraFuncao(){ alert("Estamos na Função"); } </script> Podemos também passar parametros para serem utilizados dentro da função, no caso uma função sem retorno.  Exemplo 2 <script type="text/javascript"> primeiraFuncao("Roberto Carlos"); function primeiraFuncao(cantor){ document.write("Minha Avo Gost...

Estruturas de Repetição Estruturas de repetição também conhecida como Loops ou laços,  é uma estrutura que nos permite fazer repetição de um bloco de códigos ou de um comando até uma determinada condição de parada, onde finaliza sua repetição. No JavaScript existe três estruturas de controle : while / do while / for Antes de começarmos vamos criar um novo arquivo.html para testar nosso scritp. While While traduzindo para o português significa  "enquanto", dessa maneira podemos pensar nessa estrutura que ela vai realizar sua repetição "Enquanto" algo não for satisfeito, ou seja, uma condição que faça ela parar, no caso de uma condição que não satisfaça ela fica no "enquanto" em entra em um loop infinito o que não é desejado. As condições como já vimos no if -  operadores de comparação e lógicos eles nos retornam true ou false, no caso do while se for true continua a repetição, false faz parar.  Sua sintaxe; while(condicao){  //comando } ...

Operadores Aritméticos.  Operadores Aritméticos são operadores que nos permitem fazer cálculos, no JavaScript à sete tipos operadores básicos. Segue tabela: Operador Nome Função + Adição Soma Valores - Subtração Subtração entre valores  * Multiplicação Multiplicação dos Valores / Divisão Divisão dos Valores % Módulo Resto da operação de divisão ++ Incremento Pré/pos incremento -- Decremento Pré/pos decremento Efetuando Operações Matemáticas. Vamos realizar na prática nossos testes, primeiro vamos criar um novo arquivo.html Vou apenas passar de forma simplificada, e fica a critério do Estudante/Leitor de fazer os teste e de maneira repetitiva ampliar e fixar o conhecimento, é um conteúdo fácil de compreender pois já é algo que faz parte do nosso dia dia.   Adicão. Exemplo com duas variáveis que cada uma recebe um valor. var num1 = 9; var num2 = 5; document.write("A soma dos valores :" +...

Comando Switch Neste post vai ser apresentado o Comando Switch, de forma bem simplificada o comando switch é uma estrutura condicional igual ao if, porem sua escrita é diferente, ele recebe um valor como chave, e essa chave no switch irá direcionar o fluxo para o bloco de código dessa mesma chave. Sua sintaxe: switch(){     case 1 :  //se opcao = 1;       break:     case 2 : //se opcao = 2;       break:     case 3 : //se opcao = 3       break:     default: //aqui é opcional, igual o else = se opcao não encontrada } O switch pode receber uma variável ou uma expressão onde será feita uma comparação com os CASES, direcionando para o bloco de código do case comparado, caso não tenha um case ele direciona para fora do switch ou para o default, o default é opcional. É necessário o uso da palavra reservada BREAK, pois apos a conclusão do bloco de código ela faz o fluxo da instrução...

Estrutura de Controle IF/ Else    A estrutura de controle ou estrutura de decisão  if / else é bem simples de ser utilizada e traz muito do conceito de fluxo de programa, através de uma condição onde avalia um resultado, uma logica, que possa ser testada ou verificada. Como em outras linguagens  no javascript é igual, vou apresentar um pouco da sintaxe. IF     A forma de escrita simples com apenas if ( no português SE ), escreve-se if abre e fecha parenteses ( _ ) depois abre e fecha chaves { }. Dentro dos parenteses é efeito o teste, e dentro das chaves fica a instrução que vai ser executada se for verdadeiro o teste, ou seja, passar no teste caso contrario o fluxo do programa não passa por essa parte do código. if ( condição) { // se for verdadeiro passa   } IF / ELSE Em uma leitura bem simplificada if significa SE e else OUTRO, pode se pensar assim... SE algo for verdadeiro faça isso, caso não satisfaça siga para OUTRO código, O...