HTML

Esercizio 1: Domani e' un altro giorno Disegnare in un rettangolo su un foglio cosa comparirebbe sul video se visualizzassimo il seguente file html con il browser explorer: <html> <body> Buon Giorno <font color=red>In fondo domani </font> <font color=green> E' un altro giorno </font> </body> </html> (Attenzione a minuscole, colori ed a capo!!) Esercizio 1A: Mooolte Funzioni Disegnare in un rettangolo su un foglio cosa comparirebbe sul video se visualizzassimo il seguente file html con il browser explorer: <html> <head> <script> function dimezzo(x){return x/2}; function decuplico(y){return y*10}; function calcolo1(a1){return (a1*2)+1}; function calcolo2(a2){return (a2*3)-1}; function calcolo3(a1){return (a1+3)*4}; function calcolo4(a1){return (a1-10)*10}; function calcolo5(a1){return (a1+a1*a1+a1)-2}; function calcolo6(a1,a2){return (a1*a2)+1}; function calcolo7(a1,B2){return (a1*2)+B2}; function calcolo8(a2,A2){return (a2*B2)-1}; function calcolo9(b3,B3){return (b3+B3)*4}; function calcolo10(b4,z){return (b4-10)*z}; function calcolo11(variabile,automobile){return variabile-automobile}; function calcolo12(a1,a2,a3,a4,a5){return a1-a3+a2+a5-a4}; function calcolo13(a2,auto,moto,biro,a5){return a2*auto-a5*(moto-biro)}; </script> </head> <body> Buon Giorno <br> <font color=red> <SCRIPT> document.write("dim]"+dimezzo(1)+'<br>'); document.write("dec]"+decuplico(2)+'<br>'); document.write("1]"+calcolo1(3)+'<br>'); document.write("2]"+calcolo2(4)+'<br>'); document.write("3]"+calcolo3(5)+'<br>'); document.write("4]"+calcolo4(1)+'<br>'); document.write("5]"+calcolo5(2)+'<br>'); document.write("6]"+calcolo6(3,4)+'<br>'); document.write("7]"+calcolo7(5,1)+'<br>'); document.write("8]"+calcolo8(2,3)+'<br>'); document.write("9]"+calcolo9(4,5)+'<br>'); document.write("10]"+calcolo10(1,2)+'<br>'); document.write("11]"+calcolo11(3,4)+'<br>'); document.write("12]"+calcolo12(5,1,2,3,4)+'<br>'); document.write("13]"+calcolo13(1,2,4,4,5)+'<br>'); </SCRIPT> </font> <font color=green> <SCRIPT> document.write("dim]"+dimezzo(3)+'<br>'); document.write("dec]"+decuplico(4)+'<br>'); document.write("1]"+calcolo1(5)+'<br>'); document.write("2]"+calcolo2(1)+'<br>'); document.write("3]"+calcolo3(2)+'<br>'); document.write("4]"+calcolo4(3)+'<br>'); document.write("5]"+calcolo5(4)+'<br>'); document.write("6]"+calcolo6(5,1)+'<br>'); document.write("7]"+calcolo7(2,2)+'<br>'); document.write("8]"+calcolo8(4,5)+'<br>'); document.write("9]"+calcolo9(1,2)+'<br>'); document.write("10]"+calcolo10(3,4)+'<br>'); document.write("11]"+calcolo11(5,1)+'<br>'); document.write("12]"+calcolo12(2,3,4,5,1)+'<br>'); document.write("13]"+calcolo13(2,3,3,3,3)+'<br>'); </SCRIPT> </font> Domani e' un altro giorno </body> </html> Partendo dal Body eseguire a mente o con la calcolatrice una per una le funzioni: e' un po' lungo ma non difficile e fissa UNA VOLTA PER TUTTE il concetto di funzione. (Buon lavoro) (Ricorda: Attenzione a minuscole, colori ed a capo!!)
Esercizio 2 Funzioni Varie con radice (Ex-compito terza) Disegnare in un rettangolo su un foglio cosa comparirebbe sul video se visualizzassimo il seguente file html con il browser explorer: <html> <head> <script> function w(x) {document.writeln(x)} function funzioneA(y) { return y*y; } function funzioneB(y) { return y*y*y; } function radice(y) { return Math.sqrt(y); } function funzioneC(x,y) { return x*y } function funzioneD(a,b) { return Number(a+b);} function eqSecondoGrado(a,b,c){ w(' per ' + a + 'x*x+' +b +'x+' +c +'=0' + ' Si ha:' ) delta= b*b-4*a*c; if(delta < 0) {w('Non esistono soluzioni')} if(delta == 0) {w('Soluzione unica = ' + -b/(2*a)) } if(delta > 0){ w('Soluzione uno= ' + (-b+radice(delta)) / (2*a) ); w('Soluzione due= ' + (-b-radice(delta)) / (2*a) ); } } </script> </head> <body> <center> Mangio una mela </center><br> <hr> <script> z = funzioneA(3); w(z);w('<br>'); z = funzioneB(3); w(z);w('<br>'); z = funzioneC(3,2); w(z);w('<br>'); z = funzioneD(3,2); w(z);w('<br>'); eqSecondoGrado(1,2,1); w('<br>'); eqSecondoGrado(1,0,-1); w('<br>'); eqSecondoGrado(1,0,1); w('<br>'); </script> </body> </html>

FUNZIONI CON Input/Output

Esercizio 4: Calcolo della media Realizzare ua funzione media() che chieda 4 numeri e ne calcoli la media. Il risultato deve apparire in una finestra di Alert. Si tenga presente che 1) l'istruzione prompt restituisce delle stringhe es a= prompt ("dammi il valore del primo numero") carica in a una stringa 2) che il simbolo "+" applicato alle stringhe si limita a giustapporle cosicche' alert (a+a); se a vale 2 ci stampa 22 e non 4! 3) per avere proprio 4 bisogna specificare che a e' un numero: alert ( Number(a)+ Number(a)); 4) Un altro modo per ovviare al problema e' convertire subito la variabile a in un numero: a= Number(prompt("dammi il valore del primo numero")); In questo modo, dando 2, alert(a+a) restituisce 4. Esercizio 5: Calcoli vari con due termini Realizzare una funzione somProDifRap() che chieda 2 numeri e ne calcoli la somma, il prodotto, la differenza e il rapporto. (I risultati devo apparire in finestre di Alert) Esercizio 6: Area Quadrato Realizzare una funzione area() che chieda il lato di un quadrato e ne stampi l'area usando il metodo document.write(). Esercizio 7: Secondi totali Realizzare una funzione secondiTotali() che chieda il numero di giorni, il numero di ore, e il numero di minuti trascorsi tra due eventi e scriva il numero totale di secondi trascorsi. (Si usi il metodo document.writeln() ). Esercizio 8: Distanza tra due punti Realizzare una funzione d() che chieda le coordinate di due punti: (x0,y0), (x1,y1) e ne stampi la distanza. (Si ricordi che la radice si calcola con Math.sqrt() ) Esercizio 9: Le sfere Realizzare una funzione tabella5Sfere() che chieda il raggio di cinque sfere e scriva una tabella con 6 righe e 3 colonne cosi' fatta: nella prima riga ci deve essere scritto "Raggio" ;Volume" ; "Superficie", nelle rimanenti tre righe i dati relativi a ogni sfera; Si usino le istruzioni prompt(); document.writeln('<table border=1>'); document.writeln('<tr>'); document.writeln('<td>'); document.writeln('</table>'); document.writeln(....);

PROGRAMMI CON IF

Esercizio 10: Confronto con 10 Realizzare una funzione confronta10() che chieda un numero, e mandi uno dei seguenti messaggi (Alert): "Minore di 10" "Uguale a 10" "Maggiore di 10" Esercizio 11: Funzioni con argomento Realizzare tre funzioni (CON ARGOMENTO): confronta10(x); confronta100(x); confronta1000(x); secondo quanto detto nell'esercizio 10. Realizzare quindi una funzione (SENZA ARGOMENTO) treConfronti() che chieda un numero, e lo confronti con 10,100 e 1000 utilizzando le funzioni appenza scritte. In pratica si dovranno ottenere tre messaggi dopo aver introdotto il numero. Esercizio 12: Area/Volume tre figure Realizzare una funzione treFigure() che proponga di calcolare l'area del quadrato, del rettangolo o del parallelepipedo; In base alla risposta di chi usa il programma, il programma dovrÓ chiedere i valori di 1, 2 o 3 lati e calcolare l'area o il volume dell'ente geometrico scelto. (Usare document.writeln() per i risultati) Esercizio