Fala Pessoal,
Vamos dar inicio hoje a um curso de javaScript, nos nossos vídeos nós vamos fazer uma introdução a essa linguagem de programação que é tão famosa ai no mundo, vamos conhecer não todas as funções do javaScript mas sim o mais utilizado, é claro que diante de um problema ou outro nós vamos ter que buscar outras formas de resolução.
Nessa aula vamos ver algumas formas de armazenamento de dados com Javascript, variáveis e constantes, e como essas informações são armazenadas temporariamente no seu computador, o que é CamelCase, como usar o getElementByID() e vamos aprender a usar a função isNaN.
Referencia utilizada que eu recomendo a leitura:
MORRISON, Michael. Use a Cabeça JavaScript. Editora Alta Books Ltda, 2008.
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é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 :
4. 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.
5. 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);
6. 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.
7. Conheça nosso canal no Youtube
Canal:
https://www.youtube.com/channel/UC7FWW7I5ZW5T9V7dQnEtD7A
8. Referencia
Recomendamos a leitura
MORRISON, Michael. Use a Cabeça JavaScript. Editora Alta Books Ltda, 2008.