JavaScript
Effeccinco
CamelCase
 O que é camelCase, é uma convenção, uma boa prática na programação, é algo que
não é obrigatório, mas ajuda os programadores, o camelCase diz respeito de como
nomear as suas variáveis, por boa prática o nome das suas variáveis devem começar
com letra minúscula e depois se tiver outra palavra que compõe ela você começa a
escrever a segunda palavra em letra maiuscula, veja:
Var numeroClientes;
 Assim sabemos que é uma variável, uma outra boa prática e dar nome de classes com
nomes começando em maiúsculo assim você sabe que você está chamando uma outra
classe dentro da linguagem, mas isso vamos ver mais para frente.
Usando o método getElementById()
 Você sabia que no JavaScript existe um método que te permite pegar o conteúdo
de dentro de um elemento de um formulário, exatamente com esse método
podemos pegar valores que estão sendo digitados por usuários ou que foram
selecionador por ele, veja:
 <input type=“text” id=“doces” name=“doces” value=”” />
 Aqui criamos uma um campo de texto de um formulário, que o usuário vai digitar
por exemplo o nome de um doce, mas como pegar essa informação de dentro
desse campo e guardar em uma variável, para isso é muito simples veja :
getElementById()
 O primeiro passo é criar a variável e depois atribuir o valor que o usuário digitar na
página web, veja:
 Var nomeDoce = document.getElementById(“doces”).value;
 Dessa forma a variável que criamos nomeDoce está recebendo o valor digitado
pelo usuário dentro do campo doces no documento html e atribuindo esse valor
dentro da variável.
Função isNaN
 Caso você queira conferir se o campo foi preenchido com algum dado existe uma
função no JavaScript que verifica se o dado que foi digitado pelo usuário é um
numero ou não, se for um numero por exemplo em um campo que tem que ser
um dado string você pode alertar o usuário que aquele valor não pode ser
preenchido, ou que o valor está vazio, isso é uma forma de validar para que os
campos sejam preenchidos corretamente e não tenham erros no preenchimento
do formulário que você criou.
 Para isso é simples usar a função veja:
 isNaN(document.getElementById(“doces”).value);
Função isNaN
 Essa função retorna um valor Booleano, então se o dado que foi digitado não é um
numero ele vai retornar true (verdade ) mas caso ele for um numero então ele vai
retornar false (falso) para a função.
 Associando a função com condições vai deixar o seu código ainda mais completo,
adicionando verificações com if e else assim o seu formulário web fica cada vez
mais seguro.
Conheça nosso canal no Youtube
 Canal:
 https://www.youtube.com/channel/UC7FWW7I5ZW5T9V7dQnEtD7A
Referencia
 Recomendamos a leitura
 MORRISON, Michael. Use a Cabeça JavaScript. Editora Alta Books Ltda, 2008.

JavaScript - #Aula04 parte 06 - CamelCase, getElementByID, isNaN

  • 1.
  • 2.
    CamelCase  O queé camelCase, é uma convenção, uma boa prática na programação, é algo que não é obrigatório, mas ajuda os programadores, o camelCase diz respeito de como nomear as suas variáveis, por boa prática o nome das suas variáveis devem começar com letra minúscula e depois se tiver outra palavra que compõe ela você começa a escrever a segunda palavra em letra maiuscula, veja: Var numeroClientes;  Assim sabemos que é uma variável, uma outra boa prática e dar nome de classes com nomes começando em maiúsculo assim você sabe que você está chamando uma outra classe dentro da linguagem, mas isso vamos ver mais para frente.
  • 3.
    Usando o métodogetElementById()  Você sabia que no JavaScript existe um método que te permite pegar o conteúdo de dentro de um elemento de um formulário, exatamente com esse método podemos pegar valores que estão sendo digitados por usuários ou que foram selecionador por ele, veja:  <input type=“text” id=“doces” name=“doces” value=”” />  Aqui criamos uma um campo de texto de um formulário, que o usuário vai digitar por exemplo o nome de um doce, mas como pegar essa informação de dentro desse campo e guardar em uma variável, para isso é muito simples veja :
  • 4.
    getElementById()  O primeiropasso é criar a variável e depois atribuir o valor que o usuário digitar na página web, veja:  Var nomeDoce = document.getElementById(“doces”).value;  Dessa forma a variável que criamos nomeDoce está recebendo o valor digitado pelo usuário dentro do campo doces no documento html e atribuindo esse valor dentro da variável.
  • 5.
    Função isNaN  Casovocê queira conferir se o campo foi preenchido com algum dado existe uma função no JavaScript que verifica se o dado que foi digitado pelo usuário é um numero ou não, se for um numero por exemplo em um campo que tem que ser um dado string você pode alertar o usuário que aquele valor não pode ser preenchido, ou que o valor está vazio, isso é uma forma de validar para que os campos sejam preenchidos corretamente e não tenham erros no preenchimento do formulário que você criou.  Para isso é simples usar a função veja:  isNaN(document.getElementById(“doces”).value);
  • 6.
    Função isNaN  Essafunção retorna um valor Booleano, então se o dado que foi digitado não é um numero ele vai retornar true (verdade ) mas caso ele for um numero então ele vai retornar false (falso) para a função.  Associando a função com condições vai deixar o seu código ainda mais completo, adicionando verificações com if e else assim o seu formulário web fica cada vez mais seguro.
  • 7.
    Conheça nosso canalno Youtube  Canal:  https://www.youtube.com/channel/UC7FWW7I5ZW5T9V7dQnEtD7A
  • 8.
    Referencia  Recomendamos aleitura  MORRISON, Michael. Use a Cabeça JavaScript. Editora Alta Books Ltda, 2008.