Escolar Documentos
Profissional Documentos
Cultura Documentos
[code language=”html”]
0
[/form][/code]
Para dar um visual mais profissional, vamos trabalhar também o estilo. Utilizando a
propriedade border-radius, do CSS3, consegui o efeito abaixo:
table tr td input{
border-radius: 5px;
}
[/code]
Vamos agora trabalhar o Javascript. Para o botão limpar, criei uma função simples, que
substituirá todo o conteúdo do visor por um valor em branco.
Para a tecla do resultado, utilizaremos a função do DOM eval, que realiza a conta de uma
operação – ela inclusive ‘transforma’ os sinais, então não precisaremos nos preocupar
com eles. O resultado obtido é retornado na caixa de valores para o usuário.
function operator(oprt){
if( document.getElementById(‘tela’).value != ” “)
{ document.getElementById(‘tela’).value = document.getElementById(‘tela’).value +
oprt; }
else
{ alert(“Por favor, digite um número antes do operador!”);}
}
[/code]
Bom pessoal, é isso! A calculadora em Javascript está pronta. Se você quiser baixar o
código, clique aqui. Lembre-se que esse é apenas um exemplo didático! Para ser colocado
em prática o ideal seria aperfeiçoar, acrescentando alguns botões e funcionalidades.