Como Fazer Calculadoras Em JavaScript
03 Feb 2018 20:53
Tags
Nunca me interessei de fato em aprender muito JavaScript, contudo durante a universidade, essa proveitoso linguagem foi um dos focos do período. Nesta série de tutoriais, irei escrever o que vou aprendendo pra falar sobre este tema com os leitores do blog. Nesta parcela, utilizarei o primeiro conceito que aprendi de JavaScript fazendo uma calculadora descomplicado.Antes de qualquer coisa, é relevante ressaltar que antes de se fazer qualquer programa, é bom a gente a todo o momento saber o que vai fazer. 
Desse jeito um planejamento é sempre agradável. A página terá de ser completamente feita conforme modelo XHTML, utilizando as técnicas de apresentação de página separando Conteúdo e Forma (HTML / CSS). A calculadora terá quatro operações básicas: somar, subtrair, multiplicar e dividir. Nada de to-do list. Ao invés de disso, liste toda manhã as top3 prioridades do dia e focar nelas 100 ml de vinagre branco Limpar a gordura do Box Remover o limbo dos vasos de barro quinze- Razões na qual você deixou uma organização ou localização Conheça a equipe [nome] Seja freelancer de formação de conteúdo de web CRAS ADALBERTO ISMAEL DE SOUZAIremos fazer duas versões da calculadora: um com campos de formulário, onde o usuário digita o valor manualmente e outra com botões pra cada número e um "visor" com o consequência. Conhecimentos de HTML e CSS pra elaborar o visual da calculadora. 
Esse tutorial explica todos os passos detalhadamente, no entanto é excelente ter uma percepção disso para entender melhor.Um editor de texto ou editor HTML de tua preferência. Cada um serve, já que trabalharemos com o código puro. Eu gosto do vim. Um navegador. Recomendo o Firefox. Não iremos precisar de servidor Internet, pois criaremos a página localmente. Pra começar, faremos a calculadora mais acessível, que vai utilizar 2 formulários onde o usuário vai completar dois valores, selecionar uma operação e apertar em um botão consequência, aparecendo na tela.A primera linha indica qual o tipo de documento que estamos apresentando ao navegador. No nosso caso, estamos utilizando o tipo XHTML um.0 Transitional. A segunda linha abre a tag principal da página citando assim como o endereço da descrição oficial do XHTML. Em outras frases, estas duas linhas servem para indicar que nosso código é do tipo XHTML e assim sendo precisa (deste jeito esperamos) seguir os padrões.O local onde está o comentário "Conteúdo do CSS" será substituído mais a frente, assim como este pela parcela do "Conteúdo do JavaScript". Os formulários onde o usuário preenche os valores se chamam valor1 e valor2. O nome do campo de seleção da operação é oper e pode ganhar os valores: somar, subtrair, multiplifcar e dividir. Estes detalhes serão essenciais na hora de nós construir o JavaScript. Por último no formulário, temos um botão do tipo button (não é submit, não é reset).Na tag deste botão, existe o padrão onClick que diz ao navegador o que fazer no momento em que o usuário clicar no botão. Isto neste momento é a chamada ao JavaScript (que ainda não está pronto). Essa ação vai fazer exatamente o seguinte: fazer a atividade JavaScript chamada calcular, passando como fundamento o valor do campo de seleção oper.
Desse jeito um planejamento é sempre agradável. A página terá de ser completamente feita conforme modelo XHTML, utilizando as técnicas de apresentação de página separando Conteúdo e Forma (HTML / CSS). A calculadora terá quatro operações básicas: somar, subtrair, multiplicar e dividir. Nada de to-do list. Ao invés de disso, liste toda manhã as top3 prioridades do dia e focar nelas 100 ml de vinagre branco Limpar a gordura do Box Remover o limbo dos vasos de barro quinze- Razões na qual você deixou uma organização ou localização Conheça a equipe [nome] Seja freelancer de formação de conteúdo de web CRAS ADALBERTO ISMAEL DE SOUZAIremos fazer duas versões da calculadora: um com campos de formulário, onde o usuário digita o valor manualmente e outra com botões pra cada número e um "visor" com o consequência. Conhecimentos de HTML e CSS pra elaborar o visual da calculadora. Esse tutorial explica todos os passos detalhadamente, no entanto é excelente ter uma percepção disso para entender melhor.Um editor de texto ou editor HTML de tua preferência. Cada um serve, já que trabalharemos com o código puro. Eu gosto do vim. Um navegador. Recomendo o Firefox. Não iremos precisar de servidor Internet, pois criaremos a página localmente. Pra começar, faremos a calculadora mais acessível, que vai utilizar 2 formulários onde o usuário vai completar dois valores, selecionar uma operação e apertar em um botão consequência, aparecendo na tela.A primera linha indica qual o tipo de documento que estamos apresentando ao navegador. No nosso caso, estamos utilizando o tipo XHTML um.0 Transitional. A segunda linha abre a tag principal da página citando assim como o endereço da descrição oficial do XHTML. Em outras frases, estas duas linhas servem para indicar que nosso código é do tipo XHTML e assim sendo precisa (deste jeito esperamos) seguir os padrões.O local onde está o comentário "Conteúdo do CSS" será substituído mais a frente, assim como este pela parcela do "Conteúdo do JavaScript". Os formulários onde o usuário preenche os valores se chamam valor1 e valor2. O nome do campo de seleção da operação é oper e pode ganhar os valores: somar, subtrair, multiplifcar e dividir. Estes detalhes serão essenciais na hora de nós construir o JavaScript. Por último no formulário, temos um botão do tipo button (não é submit, não é reset).Na tag deste botão, existe o padrão onClick que diz ao navegador o que fazer no momento em que o usuário clicar no botão. Isto neste momento é a chamada ao JavaScript (que ainda não está pronto). Essa ação vai fazer exatamente o seguinte: fazer a atividade JavaScript chamada calcular, passando como fundamento o valor do campo de seleção oper.Comments: 0
Add a New Comment
page revision: 0, last edited: 03 Feb 2018 20:53