Please Wait
Cosa Cerchi?  

Lezione 07 - Javascript: istruzioni e operatori

 

Cos'è Javascript

Javascript è un vero e proprio linguaggio di programmazione che consente di manipolare dinamicamente le opagine del nostro sito in quanto è composto da script (comandi) che vengono interpretati ed eseguiti direttamente dal browser in uso.
È proprio per quest'ultimo motoivo che spesso alcuni comandi possono variare a seconda del browser che stiamo utilizzando (Ad Es Internet Explorer e Firefox).
Per capire meglio che cos'è e come funziona dobbiamo affrontare alcuni concetti che valgono per qualsiasi linguaggio di programmazione.

Costanti e variabili

Una costante è un valore che non cambia nel tempo, qualcosa di statico e che per tutto il processo di elaborazione del nostro computer non cambierà il suo valore.
La variabile al contrario è un contenitore, un'area di memoria nella quale memorizziamo un valore. Quest'ultimo potrà variare nel corso della nostra elaborazione.
In generale le variabili servono per memorizzare temporaneamente dei valori da utilizzare nel corso delle nostre elaborazioni (istruzioni)

Istruzioni

Le istruzioni sono i veri e propri comandi che il computer dovr? eseguire e si dividono in diverse categorie:

 

Operatori

Gli operatori si distinguono a liri volta in 3 tipologie: operatori di elaborazione, operatori di confronto e operatori logici.
Gli operatori di elaborazione sono riassunit nella seguente tabella:
 

Operatore Significato
= Assegnazione: Consente di attribuire ad una variabile un valore.
+ Somma/Concatenamento: Consente di sommare il valore di due variabili o operandi se si tratta di numeri, se si tratta di testo effettua un concatenamento.
- Sottrazione: Consente di sottrarre il secondo operando (o variabile) dal primo.
* Moltiplicazione: Consente di moltiplicare due operandi (o variabili)
/ Divisione: Consente di Dividere Il primo operando (o variabile) per il secondo.
% Modulo: Consente di ottenere il resto della divisione tra i due operatori (o variabili).

Gli operatori di confronto:

Operatore Significato
== Comparazione: Consente di verificare se un valore (variabile) è uguale all'altro.
> Maggiore: Consente di verificare se il primo valore (variabile) è maggiore del secondo.
< Minore: Consente di verificare se il primo valore (variabile) è minore del secondo.
>= Maggiore o Uguale: Consente di verificare se il primo valore (variabile) è maggiore o uguale al secondo.
<= Minore o Uguale: Consente di verificare se il primo valore (variabile) è minore o uguale al secondo.
!= Diverso (non uguale): Consente di verificare se un valore (variabile) è diverso dall'altro.

Gli operatori logici:

Operatore Significato
&& AND (E): Indica che entrambe le condizioni devono verificarsi.
|| OR (O): Indica che almeno una delle due condizioni si deve verificare.
! NOT: Nega la condizione successiva.

Esempio

Vediamo un primo esempio completo dell'utilizzo delle variabili e degli operatori di elaborazione.

<html>
<head>
<title>Prova Javascript</title>
<script language="Javascript">
	function Elabora()
	{
		var operatore1;
		var operatore2;
		operatore1 = parseInt(document.MioForm.Oper1.value);
		operatore2 = parseInt(document.MioForm.Oper2.value);
		var somma;
		somma = operatore1 + operatore2;
		var differenza;
		differenza = operatore1 - operatore2;
		var prodotto;
		prodotto = operatore1 * operatore2;
		var divisione;
		divisione = operatore1 / operatore2;
		var resto;
		resto = operatore1 % operatore2;

		alert('La somma è ' + somma);
		alert('La differenza è ' + differenza);
		alert('Il prodotto è ' + prodotto);
		alert('La divisione è ' + divisione);
		alert('Il resto della divisione è ' + resto);

	}
</script>

</head>

<body>
<form name="MioForm">
  Operatore 1:
  <input type="text" id="Oper1" size="20" /><br />
  Operatore 2:
  <input type="text" id="Oper2" size="20" /><br />
  <input type="button" name="btnElabora" value="Elabora" onClick="Elabora()" />
</form>
</body>
</html>

Prossimamente

Nella prossima lezione vedremo l'utilizzo degli operatori logici e di confronto introducendo le istruzioni condizionali.

Freelance Jobs

Credits

x

Layout e Contenuti © Stefano Pozzati (POZZware.com)
Realizzazione Tecnica e Grafica © Stefano Pozzati (POZZware.com)
Hosting - Aruba (www.aruba.it)
Immagini del titolo © Shunya Yamashita (http://shunyama.web.fc2.com/)
 

Realizzato con:  WebSitter By Pozzware.com Browser compatibili:  Explorer Internet Explorer 6
Firefox Mozilla FireFox 2
Chrome Google Chrome
 
Strumenti:  FCK Editor
JQuery
Valid XHTML 1.0 Transitional CSS Valido!