Calculadora com HTML e JS - Simples - Source Code - ρ0sixsρwη - ʋ

**ρ0sixsρwη** · 2 de Novembro 2014

Bom pessoal, estou iniciando os estudo em JavaScript e hoje resolvi fazer uma simples calculadora apenas para iniciar

então resolvi compartilha a source code com vc's para fins de estudo (para iniciantes).

PS: Ela é mt simples, contem somente as operações de adição, subtração, multiplicação e divisão.

É necessário se cadastrar para acessar o conteúdo.

--

- Atualização -

*Adicionado: Proteção de escopo by rnxn

É necessário se cadastrar para acessar o conteúdo.

-

ʋ

**rnxn** · 3 de Novembro 2014

Tente proteger o escopo do seu arquivo js, note que o arquivo atual (calc.js) permite que qualquer outro arquivo tenha acesso à função calcular(). Você pode criar uma função auto executável:

É necessário se cadastrar para acessar o conteúdo.

Uma dica que deixo pra você, tente separar seu arquivo html do javascript. Pode até ser mais fácil, mas não é uma boa prática chamar esses métodos inline:

É necessário se cadastrar para acessar o conteúdo.

Aproveitando a dica anterior com essa, seu arquivo ficaria assim:

É necessário se cadastrar para acessar o conteúdo.

Dá uma olhada no Google, procure por 'AngularJS', acho que irá gostar. :p

Abç.

**ρ0sixsρwη** · 3 de Novembro 2014

Tente proteger o escopo do seu arquivo js, note que o arquivo atual (calc.js) permite que qualquer outro arquivo tenha acesso à função calcular(). Você pode criar uma função auto executável:

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

Uma dica que deixo pra você, tente separar seu arquivo html do javascript. Pode até ser mais fácil, mas não é uma boa prática chamar esses métodos inline:

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

Aproveitando a dica anterior com essa, seu arquivo ficaria assim:

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

Dá uma olhada no Google, procure por 'AngularJS', acho que irá gostar. :p

Abç.

Opa! obrigado pela dica!

Tentei aqui com o seu exemplo e não estou conseguindo.

MAS! Vou me aprofundar mais no tema de 'funções auto executáveis' e 'AngularJS'

-

ʋ

**rnxn** · 3 de Novembro 2014

Putz, foi mal, não vai funcionar mesmo. É que estou acostumado a colocar meu arquivo js no final do documento e não dentro da tag <head>. Não vai funcionar pelo fato de quando ele ler o arquivo Javascript (dentro do cabeçalho) o elemento 'btnCalcular' não terá sido criado ainda, pois ele está dentro da tag body beeem abaixo do head. Então mais uma dica (hahahaha): coloque seus arquivos JS antes de fechar o </body>. Seu arquivo HTML:

É necessário se cadastrar para acessar o conteúdo.

Função auto executável você cria uma só, somente para proteger o escopo. Imagina se você cria 5 arquivos Js, todos eles possuem uma função chamada 'calcular()'. Quando você usar dentro do html, ele não vai saber qual chamar, afinal... tem cinco.

**ρ0sixsρwη** · 3 de Novembro 2014

Achei Interessante e resolvi atualizar a source e disponibiliza-la novamente para download

Devidos créditos colocados (topico & source)

Obrigado rnxn!

-

ʋ

**rnxn** · 3 de Novembro 2014

Cara, não precisa desse negócio de créditos, o código é todo seu. Só te indiquei um padrão dos vários que tem por ai, conforme for aprendendo você encontrará outros e vai escolher aquele que achar melhor para o seu projeto. :3 Abraços.

Entrar

Quem está por aqui 0 membros estão online

Calculadora com HTML e JS - Simples - Source Code - ρ0sixsρwη - ʋ

Posts Recomendados

ρ0sixsρwη 0

Link para o comentário

Compartilhar em outros sites

rnxn 2

Link para o comentário

Compartilhar em outros sites

ρ0sixsρwη 0

Link para o comentário

Compartilhar em outros sites

rnxn 2

Link para o comentário

Compartilhar em outros sites

ρ0sixsρwη 0

Link para o comentário

Compartilhar em outros sites

rnxn 2

Link para o comentário

Compartilhar em outros sites

Fóruns

Todas Atividades

Lojinha WC

Informação Importante