ρ0sixsρwη 0 Postado 2 de Novembro 2014 Compartilhar Postado 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. Entre ou Cadastre-se É necessário se cadastrar para acessar o conteúdo. Entre ou Cadastre-se -- - Atualização - *Adicionado: Proteção de escopo by rnxn É necessário se cadastrar para acessar o conteúdo. Entre ou Cadastre-se É necessário se cadastrar para acessar o conteúdo. Entre ou Cadastre-se - ʋ ᅠᅠMural de Coleçõesᅠᅠ Clique aqui e adquira suas medalhas Link para o comentário Compartilhar em outros sites Mais opções de compartilhamento...
rnxn 2 Postado 3 de Novembro 2014 Compartilhar Postado 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ç. :slow: ᅠᅠMural de Coleçõesᅠᅠ Clique aqui e adquira suas medalhas Link para o comentário Compartilhar em outros sites Mais opções de compartilhamento...
ρ0sixsρwη 0 Postado 3 de Novembro 2014 Autor Compartilhar Postado 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' - ʋ ᅠᅠMural de Coleçõesᅠᅠ Clique aqui e adquira suas medalhas Link para o comentário Compartilhar em outros sites Mais opções de compartilhamento...
rnxn 2 Postado 3 de Novembro 2014 Compartilhar Postado 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. Entre ou Cadastre-se 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. :slow: ᅠᅠMural de Coleçõesᅠᅠ Clique aqui e adquira suas medalhas Link para o comentário Compartilhar em outros sites Mais opções de compartilhamento...
ρ0sixsρwη 0 Postado 3 de Novembro 2014 Autor Compartilhar Postado 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! - ʋ ᅠᅠMural de Coleçõesᅠᅠ Clique aqui e adquira suas medalhas Link para o comentário Compartilhar em outros sites Mais opções de compartilhamento...
rnxn 2 Postado 3 de Novembro 2014 Compartilhar Postado 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. :slow: ᅠᅠMural de Coleçõesᅠᅠ Clique aqui e adquira suas medalhas Link para o comentário Compartilhar em outros sites Mais opções de compartilhamento...
Posts Recomendados