Javascript - 3 | WebMaster & WebDesigner

Array
• Come accedo agli var days = ['Mon',
'Tues', 'Wed',
elementi
'Thurs', 'Fri',
dell'array? 'Sat', 'Sun'];
alert(days[0]);

Array [2]
• Come assegno un var days = ['Mon',
'Tues', 'Wed',
valore agli
'Thurs', 'Fri',
elementi 'Sat', 'Sun'];
dell'array?
days[0] = 'Monday';
days[1] = 'Tuesday';

Array [3]

In definitiva gli array hanno celle numerate
partendo da zero.

Aggiungere elementi
var properties = ['red', '14px', 'Arial'];
//aggiungo
properties[properties.length] = 'bold';
//oppure
properties.push('bold');
//più elementi
properties.push('bold', 'italic','underlined');

Aggiungere elementi [2]
//aggiungo all'inizio
properties.unshift('bold');
//più elementi
properties.unshift('bold', 'italic');

Rimuovere elementi
//rimuovo l'ultimo
var removedItem = p.pop();
//var properties = ['red', '14px'];

//rimuovo il primo
var removedItem = p.shift();
//var properties = ['14px', 'Arial'];

Scelta
La programmazione
spesso ci chiede di
scegliere, o di far si
che l'utente abbia
delle alternative...

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 than
• >= Greater than or equal
• <= Less than or equal

Facciamo scegliere il colore?
if (enteredColor == 'red') {
alert('Rosso');
} else {
alert('Giallo');
}

And
//Posso combinare condizioni
if (a < 10 && a > 1) {
//tra 1 and 10

}

Or
//Posso combinare condizioni
if (a == 10 || a == 1) {
//o 10 o 1

}
if (a != 10 || a != 1) {
//non 10 e non 1

}

else If
if (prima condizione) {
  //istruzioni
• Posso andare
all'infinito, ma
} avrebbe senso?
else if (seconda • Sarebbe comodo
condizione) {
  //istruzioni
da gestire?
}

else {
  //istruzioni
}

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?';
}

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
}

Ma come agisco sul mio documento HTML?

document.getElementById

<script>
function getValue(){
var
x=document.getElementById(
"myHeader");
alert(x.innerHTML);
}
</script>
</head>
<body>
<h1 id="myHeader"
onclick="getValue()">Click
me!</h1>

Domande?

Slide:
http://cypher.informazione.me/
Code:
https://github.com/inFormazione/Cypher/
mail:
matteo@magni.me

Javascript - 3 | WebMaster & WebDesigner

Recommended

Recommended

More Related Content

More from Matteo Magni

More from Matteo Magni (20)

Javascript - 3 | WebMaster & WebDesigner