Javascript [3]Matteo Magni
Array• Come accedo agli   var days = [Mon,                      Tues, Wed,   elementi                     Thurs, Fri,   de...
Array [2]• Come assegno un   var days = [Mon,                     Tues, Wed,   valore agli                    Thurs, Fri, ...
Array [3]In definitiva gli array hanno celle numeratepartendo da zero.
Aggiungere elementivar properties = [red, 14px, Arial];//aggiungoproperties[properties.length] = bold;//oppureproperties.p...
Aggiungere elementi [2]var properties = [red, 14px, Arial];//aggiungo allinizioproperties.unshift(bold);//più elementiprop...
Rimuovere elementivar properties = [red, 14px, Arial];//rimuovo lultimovar removedItem = p.pop();//var properties = [red, ...
Scelta   La programmazione   spesso ci chiede di   scegliere, o di far si   che lutente abbia   delle alternative...
Come fare?
if & else     if ( condition ) {         // some action      happens here     } else {         // some another      action...
Condizioni•   == Equal to•   != Not equal to•   === Strict equal to•   !== Strict not equal to•   > Greater than•   < Less...
Facciamo scegliere il colore?if (enteredColor == red) {   alert(Rosso);} else {   alert(Giallo);}
And//Posso combinare condizioniif (a < 10 && a > 1) { //tra 1 and 10 }
Or//Posso combinare condizioniif (a == 10 || a == 1) { //o 10 o 1 }if (a != 10 || a != 1) { //non 10 e non 1 }
else Ifif (prima condizione) {  //istruzioni                          • Posso andare                            allinfinit...
Switch                                         switch (favoriteColor) {if (favoriteColor == blue) {                       ...
Switch [2]switch(<variabile da valutare>) {     case <valore 1>:                     Il tutto è    //istruzioni   break; /...
Ma come agisco sul mio documento HTML?
document.getElementById            <script>            function getValue(){              var             x=document.getEle...
DOMDocument Object Model?!
Domande?               Slide:http://www.slideshare.net/ilbonzo               Code:https://github.com/ilbonzo/Cypher       ...
Upcoming SlideShare
Loading in...5
×

Javascript - 3 | WebMaster & WebDesigner

185

Published on

Terza lezione del modulo Javascript del corso per WebMaster & WebDesigner

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
185
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Javascript - 3 | WebMaster & WebDesigner

  1. 1. Javascript [3]Matteo Magni
  2. 2. Array• Come accedo agli var days = [Mon,  Tues, Wed,  elementi Thurs, Fri,  dellarray? Sat, Sun]; alert(days[0]);
  3. 3. Array [2]• Come assegno un var days = [Mon,  Tues, Wed,  valore agli Thurs, Fri,  elementi Sat, Sun]; dellarray? days[0] = Monday; days[1] = Tuesday;
  4. 4. Array [3]In definitiva gli array hanno celle numeratepartendo da zero.
  5. 5. Aggiungere elementivar properties = [red, 14px, Arial];//aggiungoproperties[properties.length] = bold;//oppureproperties.push(bold);//più elementiproperties.push(bold, italic,underlined);
  6. 6. Aggiungere elementi [2]var properties = [red, 14px, Arial];//aggiungo allinizioproperties.unshift(bold);//più elementiproperties.unshift(bold, italic);
  7. 7. Rimuovere elementivar properties = [red, 14px, Arial];//rimuovo lultimovar removedItem = p.pop();//var properties = [red, 14px];var properties = [red, 14px, Arial];//rimuovo il primovar removedItem = p.shift();//var properties = [14px, Arial];
  8. 8. Scelta La programmazione spesso ci chiede di scegliere, o di far si che lutente abbia delle alternative...
  9. 9. Come fare?
  10. 10. if & else if ( condition ) {     // some action  happens here } else {     // some another  action }
  11. 11. Condizioni• == Equal to• != Not equal to• === Strict equal to• !== Strict not equal to• > Greater than• < Less than• >= Greater than or equal• <= Less than or equal
  12. 12. Facciamo scegliere il colore?if (enteredColor == red) {   alert(Rosso);} else {   alert(Giallo);}
  13. 13. And//Posso combinare condizioniif (a < 10 && a > 1) { //tra 1 and 10 }
  14. 14. Or//Posso combinare condizioniif (a == 10 || a == 1) { //o 10 o 1 }if (a != 10 || a != 1) { //non 10 e non 1 }
  15. 15. else Ifif (prima condizione) {  //istruzioni • Posso andare allinfinito, ma} avrebbe senso?else if (seconda  • Sarebbe comodocondizione) {  //istruzioni da gestire?} else {  //istruzioni }
  16. 16. Switch switch (favoriteColor) {if (favoriteColor == blue) {  case blue: message = Blue is a cool color.;} else if (favoriteColor == red) {    message = Blue is a cool  color.; message = Red is a warm color.;} else if (favoriteColor == green)     break;{  case red: message = Green is the color of the     message = Red is a warm leaves.; color.;} else {    break; message = What kind of favorite   case green:color is that?;    message = Green is the color } of the leaves.;    break;  default:    message = What kind of  favorite color is that?; }
  17. 17. Switch [2]switch(<variabile da valutare>) {     case <valore 1>:  Il tutto è    //istruzioni   break; //si ferma qui  probabilmente più  case <valore 2>:  leggibile    //istruzioni   break; //si ferma qui   …  case <valore n>:     //istruzioni   break; //si ferma qui   default:     //istruzioni }
  18. 18. Ma come agisco sul mio documento HTML?
  19. 19. document.getElementById <script> function getValue(){   var  x=document.getElementById("m yHeader");   alert(x.innerHTML); } </script> </head> <body> <h1 id="myHeader"  onclick="getValue()">Click  me!</h1>
  20. 20. DOMDocument Object Model?!
  21. 21. Domande? Slide:http://www.slideshare.net/ilbonzo Code:https://github.com/ilbonzo/Cypher mail: matteo@magni.me
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×