Ciao a tutti. Devo creare per scuola una calcolatrice utilizzando il javascript però sono arrivato in un punto dove non riesco più ad andare avanti!
I numeri si scrivono però quando clicco su un operando i numeri precedenti non si cancellano per far si che possa scrivere gli altri.
Questo è quello che ho fatto io:
codice:
<html>
<head><h1><center><font color ="yellow">CALCOLATRICE</h1>
<script type="text/javascript">
function calcolatrice(parametro)
{
// dichiarazione variabili
var numero1;
var conc;
var mem1;
var isOp;
var numero2;
var ris;
numero1 = document.frm1.txt.value;
numero2 = document.frm1.mem1.value;
document.frm1.txt.value = numero1 + parametro;
if (document.frm1.isOpPressed.value =="premuto +"){
ris = parametro;
} else {
ris = numero1 + parametro;
}
}
function somma() {
document.frm1.mem1.value = document.frm1.txt.value;
document.frm1.isOpPressed.value = "premuto +";
}
function meno() {
document.frm1.mem1.value = document.frm1.txt.value;
document.frm1.isOpPressed.value = "premuto -";
}
function moltiplicazione() {
document.frm1.mem1.value = document.frm1.txt.value;
document.frm1.isOpPressed.value = "premuto x";
}
function divisione() {
document.frm1.mem1.value = document.frm1.txt.value;
document.frm1.isOpPressed.value = "premuto :";
}
function uguale() {
document.frm1.mem1.value = document.frm1.txt.value;
document.frm1.isOpPressed.value = "premuto =";
}
function cancella() {
document.frm1.mem1.value = "";
document.frm1.txt.value = "";
document.frm1.isOpPressed.value = "";
}
</script> </head>
<body bgcolor="000000">
<FORM NAME="frm1">
<center><TABLE BORDER=4 table style="background-color: blue; border-color: yellow;" >
<TR>
<TD>
<INPUT TYPE="text" NAME="txt" Size="16" value="">
<INPUT TYPE="text" NAME="mem1" value="0" Size="16">
<INPUT TYPE="text" NAME="isOpPressed" Size="16">
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" NAME="one" VALUE=" 1 " style="background-color:#00FF33" OnClick="calcolatrice(1)">
<INPUT TYPE="button" NAME="two" VALUE=" 2 " style="background-color:#00FF33" OnCLick="calcolatrice(2)">
<INPUT TYPE="button" NAME="three" VALUE=" 3 " style="background-color:#00FF33" OnClick="calcolatrice(3)">
<INPUT TYPE="button" NAME="opAdd" VALUE=" + " style="background-color:#00FF33" OnClick="somma(' + ')">
<INPUT TYPE="button" NAME="four" VALUE=" 4 " style="background-color:#00FF33" OnClick="calcolatrice(4)">
<INPUT TYPE="button" NAME="five" VALUE=" 5 " style="background-color:#00FF33" OnCLick="calcolatrice(5)">
<INPUT TYPE="button" NAME="six" VALUE=" 6 " style="background-color:#00FF33" OnClick="calcolatrice(6)">
<INPUT TYPE="button" NAME="opMen" VALUE=" - " style="background-color:#00FF33" OnClick="meno(' - ') ">
<INPUT TYPE="button" NAME="seven" VALUE=" 7 " style="background-color:#00FF33" OnClick="calcolatrice(7)">
<INPUT TYPE="button" NAME="eight" VALUE=" 8 " style="background-color:#00FF33" OnCLick="calcolatrice(8)">
<INPUT TYPE="button" NAME="nine" VALUE=" 9 " style="background-color:#00FF33" OnClick="calcolatrice(9)">
<INPUT TYPE="button" NAME="opPer" VALUE=" x " style="background-color:#00FF33" OnClick="moltiplicazione(' x ')">
<INPUT TYPE="button" NAME="clear" VALUE=" C " style="background-color:#00FF33" OnClick="cancella('')">
<INPUT TYPE="button" NAME="zero" VALUE=" 0 " style="background-color:#00FF33" OnClick="calcolatrice(0)">
<INPUT TYPE="button" NAME="opDiv" VALUE=" : " style="background-color:#00FF33" OnClick="divisione(' : ')">
<INPUT TYPE="button" NAME="DoIt" VALUE=" = " style="background-color:#00FF33" OnClick="uguale(' = ')">
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
Le funzioni degli operando sono incomplete. Chi mi può aiutare?
Vi ringrazio molto..