admin – Pagina 22 – Programmare con Javascript

Numeri casuali

31 Luglio 202323 Ottobre 2014 di admin

Generare numeri casuali con le caratteristiche desiderate… Genera un numero casualeValori: [ 0.0, 1.0 [ Math.random(); Genera un bit casualeValori: {0, 1} Math.floor(2*Math.random()); Genera un numero casualeValori: {minimo, …, massimo} Minimo Massimo Math.floor((M-m+1)*Math.random()+m);

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

<script>function f_random()

{

var x=document.getElementById("out_rand");

x.value=Math.random();

}

function f_bit()

{

var x=document.getElementById("out_bit")

x.value=Math.floor(2*Math.random());

}

function f_genera()

{

var x=document.getElementById("minimo").value;

var y=document.getElementById("massimo").value;

var m=parseInt(x);

var M=parseInt(y);

var r=Math.floor((M-m+1)*Math.random()+m);

var z=document.getElementById("inter");

z.value=r;

}

</script>

<table bgcolor="#FF9966">

<tbody>

<tr>

<td>Genera un numero casuale<br/>Valori: [ 0.0, 1.0 [</td>

<td><input id="out_rand" readonly="readonly" size="25" type="text" /></td>

<td><input type="button" value="Math.random()" onClick="f_random()"/></td>

<td><code>Math.random();</code></td>

</tr>

<tr>

<td>Genera un bit casuale<br/>Valori: {0, 1}</td>

<td><input id="out_bit" readonly="readonly" size="4" type="text" /></td>

<td><input type="button" value="Un bit" onClick="f_bit()" /></td>

<td><code>Math.floor(2*Math.random());</code></td>

</tr>

<tr>

<td>Genera un numero casuale<br/>Valori: {minimo, ..., massimo}</td>

<td><input id="minimo" size="4" type="text" value="1" /> Minimo<br/>

<input id="massimo" size="4" type="text" value="10" /> Massimo<br/>

<input id="inter" readonly="readonly" size="4" type="text" /></td>

<td><input type="button" value="Genera!" onClick="f_genera()" /></td>

<td><code>Math.floor((M-m+1)*Math.random()+m);</code></td>

</tr>

</tbody>

</table>

Convalida del form

10 Giugno 202023 Ottobre 2014 di admin

Un form ha normalmente due pulsanti di submit e reset. Il loro aspetto dipende dal browser. La loro attivazione provoca eventi associati al form…

1

2

3

4

<form name="primo" onSubmit="alert('Hai provocato un evento SUBMIT')"

onReset="alert('Hai provocato un evento RESET')">

<input type="submit"> <input type="reset">

</form>

Controllare il form L’evento Submit permette di controllare il contenuto del form e se il contenuto non è ritenuto valido di bloccare l’invio dei dati. Quando si attiva il pulsante … Leggi tutto

Eventi di Select

25 Maggio 202323 Ottobre 2014 di admin

Agisci sulla selezione, leggi gli attributi e osserva gli eventi BellunoPadovaRovigoTrevisoVeneziaVeronaVicenza type name form.name length selectedIndex value EVENTI:

Eventi di Radio

25 Maggio 202323 Ottobre 2014 di admin

Agisci sulle caselle di scelta esclusiva, leggi i valori delle proprietà e osserva gli eventi 1 2 type name form.name defaultChecked checked EVENTI: type name form.name defaultChecked checked EVENTI:

Eventi di Checkbox

25 Maggio 202323 Ottobre 2014 di admin

Agisci sulle caselle di scelta, leggi i valori delle proprietà e osserva gli eventi 1 2 type name form.name defaultChecked checked EVENTI: type name form.name defaultChecked checked EVENTI:

Eventi di Password

25 Maggio 202323 Ottobre 2014 di admin

Agisci sulla casella password, leggi i valori delle proprietà e osserva gli eventi type name form.name defaultValue value EVENTI:

Eventi di Text

25 Maggio 202323 Ottobre 2014 di admin

Agisci sulla casella di testo, leggi i valori delle proprietà e osserva gli eventi type name form.name defaultValue value EVENTI: Agisci sulle caselle di testo sottostanti. Ognuna reagisce al solo evento descritto dal testo a fianco. Il testo è cambiato È stato selezionato del testo La casella ha acquisito il fuoco La casella ha perso … Leggi tutto

Eventi di Button

25 Maggio 202323 Ottobre 2014 di admin

Agisci sul pulsante, leggi i valori delle proprietà e osserva gli eventi type name form.name value EVENTI:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

<form name="form_button">

<table>

<tr>

<th><input type="button" name="input_button" value="Pulsante"

onFocus ="evento('Focus')" onBlur="evento('Blur')"

onClick="evento('Click')" onDblClick="evento('DblClick')"

onMouseDown="evento('MouseDown')" onMouseUp="evento('MouseUp')"

onMouseOver="evento('MouseOver')" onMouseOut="evento('MouseOut')" />

</th>

</tr>

<tr>

<td bgcolor="#EFF"><input type="text" name="txtType" readonly /> type<br/>

<input type="text" name="txtName" readonly /> name<br/>

<input type="text" name="txtForm" readonly /> form.name<br/>

<input type="text" name="txtValue" readonly /> value<br/><br/>

<textarea cols="100" name="eventi" readonly />EVENTI:</textarea>

</td>

</tr>

</table>

</form>

<script>

function evento(msg)

{

document.form_button.eventi.value += (msg + " ");

document.form_button.txtType.value=document.form_button.input_button.type;

document.form_button.txtName.value=document.form_button.input_button.name;

document.form_button.txtForm.value=document.form_button.input_button.form.name;

document.form_button.txtValue.value=document.form_button.input_button.value;

}

evento(" ");

</script>

Ordinamento e ricerca

18 Giugno 202023 Ottobre 2014 di admin

Genera un array di interi casuali, lo ordina e applica ripetutamente la ricerca binaria l’algoritmo di ordinamento è un bubblesort ottimizzato Math.random(), genera un numero casuale in [0.0, 1.0[

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

<script>

function ordina(array) // bubble sort migliorato

{

var ultimaCoppia, ultimoScambio, x

ultimaCoppia=array.length-2;

do

{

ultimoScambio=0;

for(var i=0; i <= ultimaCoppia; i++)

{

if(parseInt(array[i]) > parseInt(array[i+1]))

{

x=array[i]

array[i]=array[i+1]

array[i+1]=x

ultimoScambio=i;

}

}

ultimaCoppia=ultimoScambio-1;

}

while(ultimoScambio > 0);

}

function ricerca_binaria(array, x) // ricerca binaria

{

var inf=0, sup=array.length-1

while(inf <= sup)

{

var medio=Math.floor((inf+sup)/2)

if(x < array[medio])

sup=medio-1

else if(x == array[medio])

return medio

else

inf=medio+1

}

return -1

}

var maxVal=1000

var quanti=100

document.writeln("<h3>Array di " + quanti + " numeri da 0 a " + (maxVal-1) + "</h3>")

var a=new Array(100);

for(var i=0; i < quanti; i++)

{

a[i]=Math.floor(maxVal*Math.random())

document.write(a[i] + " ")

}

document.writeln("<h3>Ordinato</h3>")

ordina(a)

for(var i=0; i < quanti; i++)

document.write(a[i] + " ")

document.writeln("<br/><br/>Scegli il valore e avrai la posizione, <b>-1</b> per uscire<br/>")

var ancora

var valore

do

{

valore=parseInt(prompt("VALORE? (-1 per uscire)"))

if(valore < 0)

ancora=false

else

{

ancora=true

posizione=ricerca_binaria(a, valore)

if(posizione == -1)

document.writeln("<br/>" + valore + " <b>non</b> è presente")

else

document.writeln("<br/>" + valore + " : <b>" + posizione + "</b>")

}

}

while(ancora)

</script>

Tabella ASCII

14 Giugno 202223 Ottobre 2014 di admin

Passando il mouse sulla tabella è possibile leggere alcune informazioni sul carattere sottostante il codice esadecimale il codice decimale Il metodo String.fromCharCode() converte il codice numerico in carattere

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

<style>

td { text-align:center; background-color:lightsmoke }

th { background-color:lightgray}

</style>

<script>

var c16 = Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");

tabella();

function tabella()

{

var op = "<table align='center' border='1' cellspacing='0' cellpadding='4' align='center'><tr><th></th>";

for(colonna=0; colonna < 16; colonna++)

{

op=op+"<th>"+c16[colonna]+"</th>";

}

op=op+"</tr>";

for(riga=0; riga < 16; riga++)

{

op=op+"<tr><th>"+c16[riga]+"</th>";

for(colonna=0; colonna < 16; colonna++)

{

var CODICE = 16*riga+colonna

var CHAR = String.fromCharCode(CODICE);

var TOOLTIP = "" + c16[riga] + c16[colonna] + " --- " + CODICE;

op=op + "<td title='" + TOOLTIP + "'>" + CHAR + "</td>";

}

op=op+"</tr>";

}

op += "</table>";

document.writeln(op);

}

</script>