examples HTM5

Examples HTML5 by skole...

example Javascript by skole www.pi+ppo.org Calcola la media dei valori

Calcola la media semplice dei valori es. 15;20;30;40 Somma = 110 / 4 media = 26,25

Lista di valori separati dal delimitatore ;

Risultato

example HTML5 by skole www.pi+ppo.org

Codice HTML5 per creare le tue piccole applicazioni browser [ Calcolatrice da tavolo ]

HTML5 [ Calcolatrice da tavolo ]




% (+/-)

...

0

Risultato:

0

Totale:

0

Scorpero:

0

<!DOCTYPE html>

example Javascript by skole www.pi+ppo.org

<html>

<title>Calcola la media dei valori</title>


<h2> Calcola la media semplice dei valori es. 15;20;30;40 Somma = 110 / 4 media = 26,25 </2>


<script language=javascript>

function FzCalcolaMedia(lista)

{

  valori = lista.split(";")

  if (valori.length > 0)

    {

      var somma = 0;

      for (var i = 0; i < valori.length; i++)

    {

    somma = somma+Number(valori[i])

  }

  return (somma / valori.length);

  }

}


</script>


<body>

<h3>

<form name="FormMedia">

Lista di valori separati dal delimitatore ; <input name="valori"> <br><br>

Risultato <input name="risultato"> <p>

<button  type="button" onClick=" FormMedia.risultato.value = FzCalcolaMedia(FormMedia.valori.value)">Media</button>

</h3>

</form>

</body>


<!DOCTYPE html>

example HTML5 by skole www.pi+ppo.org

<html>

<head>

<h2>Codice HTML5 per creare le tue piccole applicazioni browser [ Calcolatrice da tavolo ] </h2>

<script>

function FzSomma() {

    document.getElementById("risultato").innerHTML = Number(FormCalc.operando1.value) + Number(FormCalc.operando2.value);

    document.getElementById("scelta").innerHTML = 'hai scelto Somma';

}

function FzSottrai() {

    document.getElementById("risultato").innerHTML = Number(FormCalc.operando1.value) - Number(FormCalc.operando2.value);

    document.getElementById("scelta").innerHTML = 'hai scelto Sottrai';

}

function FzMoltiplica() {

    document.getElementById("risultato").innerHTML = Number(FormCalc.operando1.value) * Number(FormCalc.operando2.value);

    document.getElementById("scelta").innerHTML = 'hai scelto Moltiplica';

}

function FzDividi() {

    document.getElementById("risultato").innerHTML = Number(FormCalc.operando1.value) / Number(FormCalc.operando2.value);

    document.getElementById("scelta").innerHTML = 'hai scelto Dividi';

}

function FzPiuPerc() {

    document.getElementById("PiuMenoPerc").innerHTML = (Number(document.getElementById("risultato").innerHTML)

                                                   * Number(FormCalc.percentuale.value) / 100);

    document.getElementById("risultato").innerHTML = Number(document.getElementById("risultato").innerHTML)

                                                   + Number(document.getElementById("PiuMenoPerc").innerHTML) 

    document.getElementById("scelta").innerHTML = 'hai scelto +%';

}

function FzMenoPerc() {

    document.getElementById("PiuMenoPerc").innerHTML = (Number(document.getElementById("risultato").innerHTML)

                                                   * Number(FormCalc.percentuale.value) / 100);

    document.getElementById("risultato").innerHTML = Number(document.getElementById("risultato").innerHTML)

                                                   - Number(document.getElementById("PiuMenoPerc").innerHTML) 

    document.getElementById("scelta").innerHTML = 'hai scelto -%';

}

function FzScorpero() {

    document.getElementById("scorpero").innerHTML = ((100 * Number(document.getElementById("risultato").innerHTML))

                                                   / (100 + Number(FormCalc.percentuale.value)));

    document.getElementById("PiuMenoPerc").innerHTML = Number(document.getElementById("risultato").innerHTML)

                                                   - document.getElementById("scorpero").innerHTML;

    document.getElementById("scelta").innerHTML = 'hai scelto scorpero';

}

function FzTotale() {

    document.getElementById("totale").innerHTML = Number(document.getElementById("totale").innerHTML)

                                                + Number(document.getElementById("risultato").innerHTML);

    document.getElementById("scelta").innerHTML = 'hai scelto Totale';

}

function FzAzzeraRisultati() {

    Number(document.getElementById("totale").innerHTML = 0);

    Number(document.getElementById("risultato").innerHTML = 0);

    Number(document.getElementById("PiuMenoPerc").innerHTML = 0);

    Number(document.getElementById("scorpero").innerHTML = 0);

    document.getElementById("scelta").innerHTML = 'hai scelto azzera risultati';

}


</script>

<body>


<title>HTML5 [ Calcolatrice da tavolo ] </title>

<form name="FormCalc">

<input name="operando1" > <br> </br>

<input name="operando2" > <br> </br>

<input name="percentuale" > % (+/-) <h3> <p id="scelta">...</p><p id="PiuMenoPerc">0</p> Risultato: <p id="risultato">0</p>Totale:</h3>

</form>


<h3><p id="totale">0</p>Scorpero: <p id="scorpero">0</p></h3>


<button  type="button" onClick="FzSomma()">Somma</button>

<button  type="button" onClick="FzSottrai()">Sottrai</button>

<button  type="button" onClick="FzMoltiplica()">Moltiplica</button>

<button  type="button" onClick="FzDividi()">Dividi</button>

<button  type="button" onClick="FzPiuPerc()">+%</button>

<button  type="button" onClick="FzMenoPerc()">-%</button>

<button  type="button" onClick="FzScorpero()">Scorpero</button>

<button  type="button" onClick="FzTotale()">Totale</button>

<button  type="button" onClick="FzAzzeraRisultati()">Azzera Risultati</button>


</body>

</html>

CONTACT US

 

  Tel: .....

FOLLOW US

PROFILE

Profile ...

© Copyright 2016-2019 All Rights Reserved.