Desenvolvi esta calculadora simples, que realiza as operações básicas e também aceita algarismos decimais. Acho que ela exemplifica bem os conhecimentos básicos de JavaScript.
<html>
<head>
<title> Calculadora</title>
<script type="text/javascript">
num1=0.0;
num2=0.0;
operador=null;
getnum=null;
isdecimal=false;
function entranum(a){
if(getnum==null){
getnum=a.toString();
visor.value=getnum;
}
else{
getnum+=a.toString();
visor.value=getnum;
}
if(operador=='+'){
num=parseFloat(getnum);
num2=num1+num;
}
if(operador=='-'){
num=parseFloat(getnum);
num2=num1-num;
}
if(operador=='*'){
num=parseFloat(getnum);
num2=num1*num;
}
if(operador=='*'){
num=parseFloat(getnum);
num2=num1*num;
}
if(operador=='/'){
num=parseFloat(getnum)
num2=num1/num;
}
}
function soma(){
operador="+";
num1=parseFloat(getnum);
getnum=null;
visor.value=num1;
}
function subtrai(){
operador="-";
num1=parseFloat(getnum);
getnum=null;
visor.value=num1;
}
function multiplica(){
operador="*";
num1=parseFloat(getnum);
getnum=null;
visor.value=num1;
}
function divide(){
operador="/";
num1=parseFloat(getnum);
getnum=null;
visor.value=num1;
}
function reset(){
num1=0.0;
num2=0.0;
visor.value=num1;
getnum=null;
operador=null;
}
function resultop(){
visor.value=num2;
num1=0.0;
num2=0.0;
getnum=null;
operador=null;
}
var gosta = confirm( "Gostaria de usar a calculadora?" );
if ( gosta == true )
{
document.write( "<p>Faça bom proveito!</p>" );
}
else
{
document.write( "<p>Use da próxima vez!</p>" );
}
</script>
</head>
<body>
<h1>Calculadora em Javascript<br><br></h1>
<table border="2" cellspacing="0" cellpadding="5">
<thead>
<tr><input type="text" name="visor"/></tr>
</thead>
<tbody id="calc">
<tr><td><input type="button" name="num1" value="1" onClick="entranum(1)" /></td><td><input type="button" name="num2" value="2" onClick="entranum(2)"/></td><td><input type="button" name="num3" value="3" onClick="entranum(3)"/></td><td><input type="button" name="num4" value="4" onClick="entranum(4)"/></td></tr>
<tr><td><input type="button" value="5" onClick="entranum(5)" /></td><td><input type="button" value="6" onClick="entranum(6)"/></td><td><input type="button" value="7" onClick="entranum(7)"/></td><td><input type="button" value="8" onClick="entranum(8)"/></td></tr>
<tr><td><input type="button" value="9" onClick="entranum(9)" /></td><td><input type="button" value="0" onClick="entranum(0)"/></td><td><input type="button" value="+" onClick="soma()"/></td><td><input type="button" value="-" onClick="subtrai()" /></td></tr>
<tr><td><input type="button" value="*" onClick="multiplica()"/></td><td><input type="button" value=":" onClick="divide()"/></td><td><input type="button" value="C" onClick="reset()"/></td><td><input type="button" value="=" onClick="resultop()" /></td></tr>
</tbody>
</table>
<input type="button" name="num1" value="decimal" onClick="entranum('.')" />
</body>
</html>
Se quiser ver este site em funcionamento acesse: pedrofao.789mb.com/portal/calculadora.html
Nenhum comentário:
Postar um comentário