Calculatrice casio

Description

Je ne fais plus trop de JavaScript maintenant, je me suis mis au Visual Basic,
cependant, j'avais fait cette source il y a un an, et je me suis dit que ça pourrait
interresser des gens.
C'est une simulation de calculatrice casio, (avec quelques boutons en moins ...).
Je sais qu'il y a déjà beaucoup de calculettes, mais celle-ci sera ma première et ma dernière,
et ma dernère et première source js.

Source / Exemple :


<html>
<head>
<title>Calculette Casio par Rémi Bazin</title>
</head>
<body bgcolor="#0000FF">

<script language="JavaScript">
/*Calculette CASIO fx-92 pour Collège, de Rémi BAZIN.*/
function aurevoir() { document.write('<p>Au-revoir !!! <font face="Wingdings" size="7">I</font></p>'); }
function shift() { if (document.S.txt.value != "S") { document.S.txt.value = "S"; document.M.txt.value = ""; document.A.txt.value = ""; document.STO.txt.value = ""; } else { document.S.txt.value = ""; } }
function alpha() { if (document.A.txt.value != "A") { document.A.txt.value = "A"; document.M.txt.value = ""; document.S.txt.value = ""; document.STO.txt.value = ""; } else { document.A.txt.value = ""; } }
function fac() { document.formule.txt.value = ""; document.A.txt.value = ""; document.S.txt.value = ""; document.M.txt.value = ""; document.STO.txt.value = ""; }
function pmu() { if (document.A.txt.value != "A") { if (document.S.txt.value == "S") { document.S.txt.value = ""; } else { document.formule.txt.value = document.formule.txt.value + "(1/("; } } else { if (document.STO.txt.value != "STO") { document.formule.txt.value = document.formule.txt.value + document.VALA.txt.value; document.A.txt.value = ""; } else { document.formule.txt.value = eval(document.formule.txt.value); document.VALA.txt.value = document.formule.txt.value; document.A.txt.value = ""; document.STO.txt.value = ""; } } }
function fpu() { if (document.A.txt.value != "A") { if (document.S.txt.value == "S") { document.S.txt.value = ""; } else { document.formule.txt.value = document.formule.txt.value + "("; } } else { if (document.STO.txt.value != "STO") { document.formule.txt.value = document.formule.txt.value + document.VALC.txt.value; document.A.txt.value = ""; } else { document.formule.txt.value = eval(document.formule.txt.value); document.VALC.txt.value = document.formule.txt.value; document.A.txt.value = ""; document.STO.txt.value = ""; } } }
function fpde() { if (document.A.txt.value != "A") { if (document.S.txt.value == "S") { document.S.txt.value = ""; } else { document.formule.txt.value = document.formule.txt.value + ")"; } } else { if (document.STO.txt.value != "STO") { document.formule.txt.value = document.formule.txt.value + document.VALD.txt.value; document.A.txt.value = ""; } else { document.formule.txt.value = eval(document.formule.txt.value); document.VALD.txt.value = document.formule.txt.value; document.A.txt.value = ""; document.STO.txt.value = ""; } } }
function sto() { if (document.A.txt.value != "A") { if (document.S.txt.value == "S") { document.S.txt.value = ""; } else { document.STO.txt.value = "STO"; document.A.txt.value = "A"; } } else { if (document.STO.txt.value != "STO") { document.formule.txt.value = document.formule.txt.value + document.VALB.txt.value; document.A.txt.value = ""; } else { document.formule.txt.value = eval(document.formule.txt.value); document.VALB.txt.value = document.formule.txt.value; document.A.txt.value = ""; document.STO.txt.value = ""; } } }
function moperat() { if (document.A.txt.value != "A") { if (document.S.txt.value == "S") { document.formule.txt.value = eval(document.formule.txt.value); document.VALM.txt.value = document.VALM.txt.value - document.formule.txt.value; document.S.txt.value = ""; } else { document.formule.txt.value = eval(document.formule.txt.value); document.VALM.txt.value = eval(eval(document.VALM.txt.value) + eval(document.formule.txt.value)); } } else { if (document.STO.txt.value != "STO") { document.formule.txt.value = document.formule.txt.value + document.VALM.txt.value; document.A.txt.value = ""; } else { document.formule.txt.value = eval(document.formule.txt.value); document.VALM.txt.value = document.formule.txt.value; document.A.txt.value = ""; document.STO.txt.value = ""; } } }
function chiffre(chi) { var tab = new Array ("0","1","2","3","4","5","6","7","8","9"); document.formule.txt.value = document.formule.txt.value + tab[chi]; }
function operation(op) { var tab = new Array ("*","/","+","-"); document.formule.txt.value = document.formule.txt.value + tab[op]; }
function virgule() { document.formule.txt.value = document.formule.txt.value + "."; }
function execut() { document.formule.txt.value = eval(document.formule.txt.value); document.ANS.txt.value = document.formule.txt.value; }
function anse() { document.formule.txt.value = document.formule.txt.value + document.ANS.txt.value; }
function fd() { document.formule.txt.value = document.formule.txt.value + "*10"; }
</script>

<table border="1" width="38%" style="background-color: #339966" height="418">
  <tr>
    <td width="100%" height="444" valign="top" align="left" colspan="5"><font color="#808000"><b>&nbsp;&nbsp;
      </b><font face="Gill Sans Ultra Bold">CASIO&nbsp;&nbsp; </font> </font><i><font color="#FF0000">fx-92&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      </font><font color="#003300"><b>Collège New</b></font></i>
      <p><font color="#003300"><b><i>&nbsp;</i>---------------------------------------------------------------</b></font></p>
      <table border="1" width="100%" height="1" style="background-color: #999966">
        <tr>
          <td width="100%" height="26" colspan="5">
            <form name="formule">
              <p><input type="text" name="txt" size="43" style="background-color: #999966"></p>
            </form>
          </td>
        </tr>
        <tr>
          <td width="13%" height="1">
            <form name="S">
              <p><input type="text" name="txt" size="3" style="background-color: #999966"></p>
            </form>
          </td>
          <td width="13%" height="1">
            <form name="M">
              <p><input type="text" name="txt" size="3" style="background-color: #999966"></p>
            </form>
          </td>
          <td width="13%" height="1">
            <form name="A">
              <p><input type="text" name="txt" size="3" style="background-color: #999966"></p>
            </form>
          </td>
          <td width="44%" height="1"></td>
          <td width="17%" height="1">
            <form name="STO">
              <p><input type="text" name="txt" size="5" style="background-color: #999966"></p>
            </form>
          </td>
        </tr>
      </table>
      <input type="button" value="SHIFT" style="color: #FFCC00" onClick=shift()><input type="button" value="ALPHA" style="color: #FF0000" onClick=alpha()>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="OFF" style="color: #000000" onClick="aurevoir()">
      <p>&nbsp; <font color="#FF0000">A&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      B&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      C&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      D&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; M&nbsp; </font><font color="#FFFF00">M-</font></p>
      <p><input type="button" value="x-1(" style="color: #FFFFFF; background-color: #000000" onClick=pmu()>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="STO" style="color: #FFFFFF; background-color: #000000" onClick=sto()>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="  (  " style="color: #FFFFFF; background-color: #000000" onClick=fpu()>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="  )  " style="color: #FFFFFF; background-color: #000000" onClick=fpde()>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="M+" style="color: #FFFFFF; background-color: #000000" onClick=moperat()></p>
      <p><input type="button" value="  7  " style="color: #FFFFFF; background-color: #808080" onClick=chiffre(7)>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="  8  " style="color: #FFFFFF; background-color: #808080" onClick=chiffre(8)>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="  9  " style="color: #FFFFFF; background-color: #808080" onClick=chiffre(9)>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value=" AC " style="color: #FFFFFF; background-color: #CC0000" onClick=fac()></p>
      <p><input type="button" value="  4  " style="color: #FFFFFF; background-color: #808080" onClick=chiffre(4)>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="  5  " style="color: #FFFFFF; background-color: #808080" onClick=chiffre(5)>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="  6  " style="color: #FFFFFF; background-color: #808080" onClick=chiffre(6)>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="  X  " style="color: #FFFFFF; background-color: #808080" onClick=operation(0)>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="  /  " style="color: #FFFFFF; background-color: #808080" onClick=operation(1)></p>
      <p><input type="button" value="  1  " style="color: #FFFFFF; background-color: #808080" onClick=chiffre(1)>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="  2  " style="color: #FFFFFF; background-color: #808080" onClick=chiffre(2)>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="  3  " style="color: #FFFFFF; background-color: #808080" onClick=chiffre(3)>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="  +  " style="color: #FFFFFF; background-color: #808080" onClick=operation(2)>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="  -  " style="color: #FFFFFF; background-color: #808080" onClick=operation(3)></p>
      <p><input type="button" value="  0  " style="color: #FFFFFF; background-color: #808080" onClick=chiffre(0)>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="  .  " style="color: #FFFFFF; background-color: #808080" onClick=virgule()>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="X10" style="color: #FFFFFF; background-color: #808080" onClick=fd()>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="ANS" style="color: #FFFFFF; background-color: #808080" onClick=anse()>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="  =  " style="color: #FFFFFF; background-color: #808080" onClick=execut()></p>
    </td>
  </tr>
  <tr>
    <td width="19%" height="1" valign="top" align="left">
      <form name="VALA">
        <p>A : <input type="text" name="txt" size="3"></p>
      </form>
    </td>
    <td width="19%" height="1" valign="top" align="left">
      <form name="VALB">
        <p>B : <input type="text" name="txt" size="3"></p>
      </form>
    </td>
    <td width="18%" height="1" valign="top" align="left">
      <form name="VALC">
        <p>C : <input type="text" name="txt" size="3"></p>
      </form>
    </td>
    <td width="19%" height="1" valign="top" align="left">
      <form name="VALD">
        <p>D : <input type="text" name="txt" size="3"></p>
      </form>
    </td>
    <td width="25%" height="1" valign="top" align="left">
      <form name="VALM">
        <p>M : <input type="text" name="txt" size="3"></p>
      </form>
    </td>
  </tr>
</table>

<p>Voici un simulateur de CASIO fx-92 pour Collège (avec quelques boutons
manquants ...) de Rémi Bazin.&nbsp;&nbsp; ANS : <form name="ANS"><input type="text" name="txt"></form></p>

</body>
</html>

Conclusion :


Le seul problème, c'est qu'il faut faire [AC] à chaque nouveau calcul.
Je pense que c'est du niveau 1, mais je n'en ai aucune idée.

Codes Sources

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.