SlideShare uma empresa Scribd logo
1 de 8
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.

Mais conteúdo relacionado

Mais procurados

Internet I - Aula 07 - Primeiros Passos com JavaScript
Internet I - Aula 07 - Primeiros Passos com JavaScriptInternet I - Aula 07 - Primeiros Passos com JavaScript
Internet I - Aula 07 - Primeiros Passos com JavaScriptManoel Afonso
 
Aula 01 - JavaScript: Introdução
Aula 01 - JavaScript: IntroduçãoAula 01 - JavaScript: Introdução
Aula 01 - JavaScript: IntroduçãoJessyka Lage
 
Javascript Recuperando Dados De Formularios
Javascript    Recuperando Dados De FormulariosJavascript    Recuperando Dados De Formularios
Javascript Recuperando Dados De Formulariosguestd9e271
 
Estrutura de decisão switch case
Estrutura de decisão switch caseEstrutura de decisão switch case
Estrutura de decisão switch caseAlessandra Sra JM
 
Introdução ao javascript
Introdução ao javascriptIntrodução ao javascript
Introdução ao javascriptLuís Cobucci
 
Logica programar
Logica programarLogica programar
Logica programarManawydan
 
Javascript (parte 1)
Javascript (parte 1)Javascript (parte 1)
Javascript (parte 1)Alex Camargo
 
Javascript (parte 2)
Javascript (parte 2)Javascript (parte 2)
Javascript (parte 2)Alex Camargo
 
Javascript (parte 3)
Javascript (parte 3)Javascript (parte 3)
Javascript (parte 3)Alex Camargo
 
Estrutura de decisão switch case
Estrutura de decisão switch caseEstrutura de decisão switch case
Estrutura de decisão switch caseAlessandra Sra JM
 
Php women oficina iniciante de php
Php women   oficina iniciante de phpPhp women   oficina iniciante de php
Php women oficina iniciante de phpTais Reis
 
Aprendendo C# do zero
Aprendendo C# do zeroAprendendo C# do zero
Aprendendo C# do zeroManawydan
 
[SAP BW] Process Chain with Invalid Character
[SAP BW] Process Chain with Invalid Character[SAP BW] Process Chain with Invalid Character
[SAP BW] Process Chain with Invalid CharacterMarcos André
 
JavaScript - #Aula04 parte 02 - Variaveis e Constantes
JavaScript - #Aula04 parte 02 - Variaveis e ConstantesJavaScript - #Aula04 parte 02 - Variaveis e Constantes
JavaScript - #Aula04 parte 02 - Variaveis e ConstantesErick L. F.
 

Mais procurados (20)

Internet I - Aula 07 - Primeiros Passos com JavaScript
Internet I - Aula 07 - Primeiros Passos com JavaScriptInternet I - Aula 07 - Primeiros Passos com JavaScript
Internet I - Aula 07 - Primeiros Passos com JavaScript
 
Aula 01 - JavaScript: Introdução
Aula 01 - JavaScript: IntroduçãoAula 01 - JavaScript: Introdução
Aula 01 - JavaScript: Introdução
 
Javascript Recuperando Dados De Formularios
Javascript    Recuperando Dados De FormulariosJavascript    Recuperando Dados De Formularios
Javascript Recuperando Dados De Formularios
 
Estrutura de decisão switch case
Estrutura de decisão switch caseEstrutura de decisão switch case
Estrutura de decisão switch case
 
Aula 1 2
Aula 1 2Aula 1 2
Aula 1 2
 
Introdução ao javascript
Introdução ao javascriptIntrodução ao javascript
Introdução ao javascript
 
Joptionpane
JoptionpaneJoptionpane
Joptionpane
 
Logica programar
Logica programarLogica programar
Logica programar
 
Javascript (parte 1)
Javascript (parte 1)Javascript (parte 1)
Javascript (parte 1)
 
Javascript (parte 2)
Javascript (parte 2)Javascript (parte 2)
Javascript (parte 2)
 
Javascript (parte 3)
Javascript (parte 3)Javascript (parte 3)
Javascript (parte 3)
 
Estrutura de decisão switch case
Estrutura de decisão switch caseEstrutura de decisão switch case
Estrutura de decisão switch case
 
Php women oficina iniciante de php
Php women   oficina iniciante de phpPhp women   oficina iniciante de php
Php women oficina iniciante de php
 
Aula 13
Aula 13Aula 13
Aula 13
 
Repetições e vetores
Repetições e vetoresRepetições e vetores
Repetições e vetores
 
Java12
Java12Java12
Java12
 
Aprendendo C# do zero
Aprendendo C# do zeroAprendendo C# do zero
Aprendendo C# do zero
 
[SAP BW] Process Chain with Invalid Character
[SAP BW] Process Chain with Invalid Character[SAP BW] Process Chain with Invalid Character
[SAP BW] Process Chain with Invalid Character
 
JavaScript - #Aula04 parte 02 - Variaveis e Constantes
JavaScript - #Aula04 parte 02 - Variaveis e ConstantesJavaScript - #Aula04 parte 02 - Variaveis e Constantes
JavaScript - #Aula04 parte 02 - Variaveis e Constantes
 
Java14
Java14Java14
Java14
 

Destaque

Desenvolvimento de Jogos - #Aula 13 - Apple Computer e os Games
Desenvolvimento de Jogos - #Aula 13 - Apple Computer e os GamesDesenvolvimento de Jogos - #Aula 13 - Apple Computer e os Games
Desenvolvimento de Jogos - #Aula 13 - Apple Computer e os GamesErick L. F.
 
Desenvolvimento de Jogos - #Aula02 - Primeiro Vídeo Game
Desenvolvimento de Jogos - #Aula02 - Primeiro Vídeo Game Desenvolvimento de Jogos - #Aula02 - Primeiro Vídeo Game
Desenvolvimento de Jogos - #Aula02 - Primeiro Vídeo Game Erick L. F.
 
Desenvolvimento de Jogos - #Aula10 - História da Sega
Desenvolvimento de Jogos - #Aula10 - História da SegaDesenvolvimento de Jogos - #Aula10 - História da Sega
Desenvolvimento de Jogos - #Aula10 - História da SegaErick L. F.
 
Html aula 6 - Como colocar seu site na Web e Personalizar seus links
Html aula 6 - Como colocar seu site na Web e Personalizar seus linksHtml aula 6 - Como colocar seu site na Web e Personalizar seus links
Html aula 6 - Como colocar seu site na Web e Personalizar seus linksErick L. F.
 
Curso de Html - Aula 7 - Trabalhando com imagens e links
Curso de Html - Aula 7 - Trabalhando com imagens e linksCurso de Html - Aula 7 - Trabalhando com imagens e links
Curso de Html - Aula 7 - Trabalhando com imagens e linksErick L. F.
 
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?Erick L. F.
 
Desenvolvimento de Jogos - #Aula 21 - Space Invaders
Desenvolvimento de Jogos - #Aula 21 - Space InvadersDesenvolvimento de Jogos - #Aula 21 - Space Invaders
Desenvolvimento de Jogos - #Aula 21 - Space InvadersErick L. F.
 
Resumos e Resenhas: A guerra dos Tronos - #03 - Prólogo
Resumos e Resenhas: A guerra dos Tronos - #03 - PrólogoResumos e Resenhas: A guerra dos Tronos - #03 - Prólogo
Resumos e Resenhas: A guerra dos Tronos - #03 - PrólogoErick L. F.
 

Destaque (8)

Desenvolvimento de Jogos - #Aula 13 - Apple Computer e os Games
Desenvolvimento de Jogos - #Aula 13 - Apple Computer e os GamesDesenvolvimento de Jogos - #Aula 13 - Apple Computer e os Games
Desenvolvimento de Jogos - #Aula 13 - Apple Computer e os Games
 
Desenvolvimento de Jogos - #Aula02 - Primeiro Vídeo Game
Desenvolvimento de Jogos - #Aula02 - Primeiro Vídeo Game Desenvolvimento de Jogos - #Aula02 - Primeiro Vídeo Game
Desenvolvimento de Jogos - #Aula02 - Primeiro Vídeo Game
 
Desenvolvimento de Jogos - #Aula10 - História da Sega
Desenvolvimento de Jogos - #Aula10 - História da SegaDesenvolvimento de Jogos - #Aula10 - História da Sega
Desenvolvimento de Jogos - #Aula10 - História da Sega
 
Html aula 6 - Como colocar seu site na Web e Personalizar seus links
Html aula 6 - Como colocar seu site na Web e Personalizar seus linksHtml aula 6 - Como colocar seu site na Web e Personalizar seus links
Html aula 6 - Como colocar seu site na Web e Personalizar seus links
 
Curso de Html - Aula 7 - Trabalhando com imagens e links
Curso de Html - Aula 7 - Trabalhando com imagens e linksCurso de Html - Aula 7 - Trabalhando com imagens e links
Curso de Html - Aula 7 - Trabalhando com imagens e links
 
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?
 
Desenvolvimento de Jogos - #Aula 21 - Space Invaders
Desenvolvimento de Jogos - #Aula 21 - Space InvadersDesenvolvimento de Jogos - #Aula 21 - Space Invaders
Desenvolvimento de Jogos - #Aula 21 - Space Invaders
 
Resumos e Resenhas: A guerra dos Tronos - #03 - Prólogo
Resumos e Resenhas: A guerra dos Tronos - #03 - PrólogoResumos e Resenhas: A guerra dos Tronos - #03 - Prólogo
Resumos e Resenhas: A guerra dos Tronos - #03 - Prólogo
 

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

Formulários Web em PHP com plug-ins avançados e AJAX
Formulários Web em PHP com plug-ins avançados e AJAXFormulários Web em PHP com plug-ins avançados e AJAX
Formulários Web em PHP com plug-ins avançados e AJAXManuel Lemos
 
Curso Básico de Java - Aula 7
Curso Básico de Java - Aula 7Curso Básico de Java - Aula 7
Curso Básico de Java - Aula 7PeslPinguim
 
Cadastro de clientes em c#
Cadastro de clientes em c#Cadastro de clientes em c#
Cadastro de clientes em c#André Luiz
 
Uma abordagem funcional para gerenciamento de erros
Uma abordagem funcional para gerenciamento de errosUma abordagem funcional para gerenciamento de erros
Uma abordagem funcional para gerenciamento de errosGabriel Schade Cardoso
 
JavaScript - #Aula04 parte 03 - Variaveis e Constantes - Perguntas e Respostas
JavaScript - #Aula04 parte 03 - Variaveis e Constantes - Perguntas e RespostasJavaScript - #Aula04 parte 03 - Variaveis e Constantes - Perguntas e Respostas
JavaScript - #Aula04 parte 03 - Variaveis e Constantes - Perguntas e RespostasErick L. F.
 
Java - Visão geral e Exercícios
Java - Visão geral e ExercíciosJava - Visão geral e Exercícios
Java - Visão geral e ExercíciosArthur Emanuel
 
Java: Introdução à Orientação a Objetos
Java: Introdução à Orientação a ObjetosJava: Introdução à Orientação a Objetos
Java: Introdução à Orientação a ObjetosArthur Emanuel
 
Tutorial java orientação a objetos parte 1
Tutorial java orientação a objetos parte 1Tutorial java orientação a objetos parte 1
Tutorial java orientação a objetos parte 1Elaine Cecília Gatto
 
Introdução à análise orientada a objetos parte 1
Introdução à análise orientada a objetos parte 1Introdução à análise orientada a objetos parte 1
Introdução à análise orientada a objetos parte 1ariovaldodias
 
Introdução à análise orientada a objetos parte 1
Introdução à análise orientada a objetos parte 1Introdução à análise orientada a objetos parte 1
Introdução à análise orientada a objetos parte 1ariovaldodias
 
Apostila PhP com Wamp 3a Parte
Apostila PhP com Wamp 3a ParteApostila PhP com Wamp 3a Parte
Apostila PhP com Wamp 3a ParteIlton Barbosa
 
Classes abstratas
Classes abstratasClasses abstratas
Classes abstratasPedro Neto
 
Interfaces POO
Interfaces POOInterfaces POO
Interfaces POOPedro Neto
 
Curso Java Básico - Aula 03
Curso Java Básico - Aula 03Curso Java Básico - Aula 03
Curso Java Básico - Aula 03Natanael Fonseca
 
Matrizes e Vetores para programação
Matrizes e Vetores para programaçãoMatrizes e Vetores para programação
Matrizes e Vetores para programaçãoKamila Joyce
 

Semelhante a JavaScript - #Aula04 parte 06 - CamelCase, getElementByID, isNaN (20)

Formulários Web em PHP com plug-ins avançados e AJAX
Formulários Web em PHP com plug-ins avançados e AJAXFormulários Web em PHP com plug-ins avançados e AJAX
Formulários Web em PHP com plug-ins avançados e AJAX
 
POO.pdf
POO.pdfPOO.pdf
POO.pdf
 
Java 05 Oo Basica
Java 05 Oo BasicaJava 05 Oo Basica
Java 05 Oo Basica
 
Curso Básico de Java - Aula 7
Curso Básico de Java - Aula 7Curso Básico de Java - Aula 7
Curso Básico de Java - Aula 7
 
Cadastro de clientes em c#
Cadastro de clientes em c#Cadastro de clientes em c#
Cadastro de clientes em c#
 
Uma abordagem funcional para gerenciamento de erros
Uma abordagem funcional para gerenciamento de errosUma abordagem funcional para gerenciamento de erros
Uma abordagem funcional para gerenciamento de erros
 
JavaScript - #Aula04 parte 03 - Variaveis e Constantes - Perguntas e Respostas
JavaScript - #Aula04 parte 03 - Variaveis e Constantes - Perguntas e RespostasJavaScript - #Aula04 parte 03 - Variaveis e Constantes - Perguntas e Respostas
JavaScript - #Aula04 parte 03 - Variaveis e Constantes - Perguntas e Respostas
 
Java - Visão geral e Exercícios
Java - Visão geral e ExercíciosJava - Visão geral e Exercícios
Java - Visão geral e Exercícios
 
Java: Introdução à Orientação a Objetos
Java: Introdução à Orientação a ObjetosJava: Introdução à Orientação a Objetos
Java: Introdução à Orientação a Objetos
 
Tutorial java orientação a objetos parte 1
Tutorial java orientação a objetos parte 1Tutorial java orientação a objetos parte 1
Tutorial java orientação a objetos parte 1
 
Aula2
Aula2Aula2
Aula2
 
Introdução à análise orientada a objetos parte 1
Introdução à análise orientada a objetos parte 1Introdução à análise orientada a objetos parte 1
Introdução à análise orientada a objetos parte 1
 
Introdução à análise orientada a objetos parte 1
Introdução à análise orientada a objetos parte 1Introdução à análise orientada a objetos parte 1
Introdução à análise orientada a objetos parte 1
 
Apostila PhP com Wamp 3a Parte
Apostila PhP com Wamp 3a ParteApostila PhP com Wamp 3a Parte
Apostila PhP com Wamp 3a Parte
 
Classes abstratas
Classes abstratasClasses abstratas
Classes abstratas
 
Interfaces POO
Interfaces POOInterfaces POO
Interfaces POO
 
Exercicios java
Exercicios javaExercicios java
Exercicios java
 
Aula3
Aula3Aula3
Aula3
 
Curso Java Básico - Aula 03
Curso Java Básico - Aula 03Curso Java Básico - Aula 03
Curso Java Básico - Aula 03
 
Matrizes e Vetores para programação
Matrizes e Vetores para programaçãoMatrizes e Vetores para programação
Matrizes e Vetores para programação
 

Mais de Erick L. F.

Curso de HTML5 - Tudo No HTML5 é Novo?
Curso de HTML5 - Tudo No HTML5 é Novo?Curso de HTML5 - Tudo No HTML5 é Novo?
Curso de HTML5 - Tudo No HTML5 é Novo?Erick L. F.
 
Curso de HTML5 - Hipertexto Vs Hiperlink
Curso de HTML5 - Hipertexto Vs HiperlinkCurso de HTML5 - Hipertexto Vs Hiperlink
Curso de HTML5 - Hipertexto Vs HiperlinkErick L. F.
 
Algoritmos e Logica de programação - #Aula 08 - Algoritmos Computacionais
Algoritmos e Logica de programação - #Aula 08 - Algoritmos ComputacionaisAlgoritmos e Logica de programação - #Aula 08 - Algoritmos Computacionais
Algoritmos e Logica de programação - #Aula 08 - Algoritmos ComputacionaisErick L. F.
 
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de Software
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de SoftwareCurso de Engenharia de Software - #Aula 07 - Modelo de Processo de Software
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de SoftwareErick L. F.
 
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da Programação
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da ProgramaçãoAlgoritmos e Logica de programação - #Aula 07 - Paradigmas da Programação
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da ProgramaçãoErick L. F.
 
JavaScript - #Aula05 parte 08 - Cookies
JavaScript - #Aula05 parte 08 - CookiesJavaScript - #Aula05 parte 08 - Cookies
JavaScript - #Aula05 parte 08 - CookiesErick L. F.
 
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de Software
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de SoftwareCurso de Engenharia de Software - #Aula 06 - O Que é Processo de Software
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de SoftwareErick L. F.
 
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?Erick L. F.
 
Algoritmos e Logica de programação - #Aula 06 - Linguagens De Programação
Algoritmos e Logica de programação - #Aula 06 - Linguagens De ProgramaçãoAlgoritmos e Logica de programação - #Aula 06 - Linguagens De Programação
Algoritmos e Logica de programação - #Aula 06 - Linguagens De ProgramaçãoErick L. F.
 
JavaScript - #Aula05 parte 07 - Evento Onresize
JavaScript - #Aula05 parte 07 - Evento OnresizeJavaScript - #Aula05 parte 07 - Evento Onresize
JavaScript - #Aula05 parte 07 - Evento OnresizeErick L. F.
 
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...Erick L. F.
 
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/Servidor
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/ServidorCurso de Java - #Aula 05 - Computação Destribuida ou Cliente/Servidor
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/ServidorErick L. F.
 
Algoritmos e Logica de programação - #Aula 05 - Mercado Computacional
Algoritmos e Logica de programação - #Aula 05 - Mercado ComputacionalAlgoritmos e Logica de programação - #Aula 05 - Mercado Computacional
Algoritmos e Logica de programação - #Aula 05 - Mercado ComputacionalErick L. F.
 
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...Erick L. F.
 
Curso de Java - #Aula 04 - Primeiros sistemas operacionais
Curso de Java - #Aula 04 - Primeiros sistemas operacionaisCurso de Java - #Aula 04 - Primeiros sistemas operacionais
Curso de Java - #Aula 04 - Primeiros sistemas operacionaisErick L. F.
 
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCII
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCIIAlgoritmos e Logica de programação - #Aula 04 - Tabela ASCII
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCIIErick L. F.
 
JavaScript - #Aula05 parte 05 - Tamanho da Imagem
JavaScript - #Aula05 parte 05 - Tamanho da ImagemJavaScript - #Aula05 parte 05 - Tamanho da Imagem
JavaScript - #Aula05 parte 05 - Tamanho da ImagemErick L. F.
 
Curso de Java - #Aula 03 - Organização do Computador
Curso de Java - #Aula 03 - Organização do ComputadorCurso de Java - #Aula 03 - Organização do Computador
Curso de Java - #Aula 03 - Organização do ComputadorErick L. F.
 
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...Erick L. F.
 
Resumos e Resenhas: A guerra dos Tronos - #06 - Daenerys
Resumos e Resenhas: A guerra dos Tronos - #06 - DaenerysResumos e Resenhas: A guerra dos Tronos - #06 - Daenerys
Resumos e Resenhas: A guerra dos Tronos - #06 - DaenerysErick L. F.
 

Mais de Erick L. F. (20)

Curso de HTML5 - Tudo No HTML5 é Novo?
Curso de HTML5 - Tudo No HTML5 é Novo?Curso de HTML5 - Tudo No HTML5 é Novo?
Curso de HTML5 - Tudo No HTML5 é Novo?
 
Curso de HTML5 - Hipertexto Vs Hiperlink
Curso de HTML5 - Hipertexto Vs HiperlinkCurso de HTML5 - Hipertexto Vs Hiperlink
Curso de HTML5 - Hipertexto Vs Hiperlink
 
Algoritmos e Logica de programação - #Aula 08 - Algoritmos Computacionais
Algoritmos e Logica de programação - #Aula 08 - Algoritmos ComputacionaisAlgoritmos e Logica de programação - #Aula 08 - Algoritmos Computacionais
Algoritmos e Logica de programação - #Aula 08 - Algoritmos Computacionais
 
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de Software
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de SoftwareCurso de Engenharia de Software - #Aula 07 - Modelo de Processo de Software
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de Software
 
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da Programação
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da ProgramaçãoAlgoritmos e Logica de programação - #Aula 07 - Paradigmas da Programação
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da Programação
 
JavaScript - #Aula05 parte 08 - Cookies
JavaScript - #Aula05 parte 08 - CookiesJavaScript - #Aula05 parte 08 - Cookies
JavaScript - #Aula05 parte 08 - Cookies
 
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de Software
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de SoftwareCurso de Engenharia de Software - #Aula 06 - O Que é Processo de Software
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de Software
 
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?
 
Algoritmos e Logica de programação - #Aula 06 - Linguagens De Programação
Algoritmos e Logica de programação - #Aula 06 - Linguagens De ProgramaçãoAlgoritmos e Logica de programação - #Aula 06 - Linguagens De Programação
Algoritmos e Logica de programação - #Aula 06 - Linguagens De Programação
 
JavaScript - #Aula05 parte 07 - Evento Onresize
JavaScript - #Aula05 parte 07 - Evento OnresizeJavaScript - #Aula05 parte 07 - Evento Onresize
JavaScript - #Aula05 parte 07 - Evento Onresize
 
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...
 
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/Servidor
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/ServidorCurso de Java - #Aula 05 - Computação Destribuida ou Cliente/Servidor
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/Servidor
 
Algoritmos e Logica de programação - #Aula 05 - Mercado Computacional
Algoritmos e Logica de programação - #Aula 05 - Mercado ComputacionalAlgoritmos e Logica de programação - #Aula 05 - Mercado Computacional
Algoritmos e Logica de programação - #Aula 05 - Mercado Computacional
 
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...
 
Curso de Java - #Aula 04 - Primeiros sistemas operacionais
Curso de Java - #Aula 04 - Primeiros sistemas operacionaisCurso de Java - #Aula 04 - Primeiros sistemas operacionais
Curso de Java - #Aula 04 - Primeiros sistemas operacionais
 
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCII
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCIIAlgoritmos e Logica de programação - #Aula 04 - Tabela ASCII
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCII
 
JavaScript - #Aula05 parte 05 - Tamanho da Imagem
JavaScript - #Aula05 parte 05 - Tamanho da ImagemJavaScript - #Aula05 parte 05 - Tamanho da Imagem
JavaScript - #Aula05 parte 05 - Tamanho da Imagem
 
Curso de Java - #Aula 03 - Organização do Computador
Curso de Java - #Aula 03 - Organização do ComputadorCurso de Java - #Aula 03 - Organização do Computador
Curso de Java - #Aula 03 - Organização do Computador
 
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...
 
Resumos e Resenhas: A guerra dos Tronos - #06 - Daenerys
Resumos e Resenhas: A guerra dos Tronos - #06 - DaenerysResumos e Resenhas: A guerra dos Tronos - #06 - Daenerys
Resumos e Resenhas: A guerra dos Tronos - #06 - Daenerys
 

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

  • 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.