HOME

Contatti

MATEMATICA CON JAVASCRIPT


CODICE ASCII CHE COSA E' - COME SI COSTRUISCE
PRIMA PARTE


Seconda parte
F
acciamo il punto.
Argomenti correlati:


Sistema binario

E' basato sull'uso di due sole cifre cioè i bit 0 e 1. E' posizionale esattamente come il sistema decimale e quindi le cifre hanno un peso dipendente dalla posizione. Tale peso è determinato dalla potenza di base 2 ed esponente uguale alla posizione occupata dal bit, come nel seguente schema:

Posizione ... 6543210
Peso ... 26252423222120

Ad esempio il numero 1001010 in base due diventa 0×20 + 1×21 + 0×22 + 1×23 + 0×24 + 0×25 + 1×26 = 2 + 8 + 64 = 74 in base dieci.

Cambiamento di base


var output ='CODICE ASCII<br><pre>'

Alla variabile di tipo alfanumerico di nome output viene assegnato, come valore iniziale, il testo 'CODICE ASCII' seguito dal tag <br> che serve per andare a capo e da <pre>

<pre>

Quanto viene scritto all'interno dei tags <pre> e </pre> si presenta come paragrafo preformattato, che cioè viene visualizzato così come è stato scritto; in particolare vengono conservati gli spazi e gli "a capo".
Nel nostro caso è indispensabile se si vogliono rendere le sequenze escape /t e /n

  \t
Sequenza escape, o di controllo, che permette di inserire una tabulazione (simula il tasto Tab)

  \n
Sequenza escape, o di controllo, che permette di andare a capo (new line)

APPROFONDIMENTO SULLE sequenze escape


for (i=32; i<=255; i++)

Iterazione enumerativa
Il valore iniziale per il contatore è 32
La condizione per terminare è che sia i=255
L'incremento per il contatore è 1
(i++ equivale all'istruzione di assegnazione i=i+1; in altri termini incrementa di 1 il valore della variabile i)

{

Parentesi che indica l'inizio del ciclo

output += i + '\t&#8594\t&#'+ i + '\n'

Concateniamo alla stringa output
  1. i: è il numero attualmente memorizzato nel contatore;
  2. \t: inserisce una tabulazione;
  3. &#8594: codice che visualizza una freccia;
  4. '&#': si antepone al numero di codice per far visualizzare il carattere corrispondente;
  5. i: è il numero attualmente memorizzato nel contatore;
  6. '\n': sequenza escape che manda a capo

output+='</pre>'

Chiusura del tag

}

Parentesi di chiusura del ciclo

document.write(output)

Metodo dell'oggetto document. Il parametro posto in parentesi indica che deve essere visualizzato sullo schermo il contenuto della variabile output.

document.close()

Metodo dell'oggetto document. Si comunica al browser che è terminata la procedura di apertura della finestra e di scrittura del documento. Se non si include questa riga di codice non avrà luogo la stampa né altri eventuali comandi sulla pagina che abbiamo appena aperta.

}

Parentesi di chiusura della funzione




T
i potrebbero anche interessare

 

RIGUARDO AI CARATTERI

Tabella del codice ASCII ESTESO

Sequenze escape

I nomi di caratteri speciali

Visualizzare una

I simboli matematici o lettere greche

Conoscere il codice ASCII di un carattere

RIGUARDO AL CODICE

Output dello script nel documento

Dove inserire il codice javascript

Ascii esteso con codice esadecimale




INTRODUZIONE    

32  33! 34" 35# 36$ 37% 38& 39' 40( 41) 42* 43+ 44, 45- 46.
47/ 480 49 1502 513 524 535 546 557 568 579 58: 59; 60< 61=
62> 63? 64@ 65A 66B 67C 68D 69E 70F 71G 72H 73I 74J 75K 76L
77M 78N 79O 80P 81Q 82R 83S 84T 85U 86V 87W 88X 89Y 90Z 91[
92\ 93] 94^ 95_ 96` 97a 98b 99c 100d 101e 102f 103g 104h 105i 106j
107k 108l 109m 110n 111o 112p 113q 114r 115s 116t 117u 118v 119w 120x 121y
122z 123{ 124| 125} 126~ 127 128 129 130 131ƒ 132 133 134 135 136ˆ
137 138Š 139 140Œ 141 142Ž 143 144 145 146 147 148 149 150 151
152˜ 153 154š 155 156œ 157 158ž 159Ÿ 160  161¡ 162¢ 163£ 164¤ 165¥ 166¦
167§ 168¨ 169© 170ª 171« 172¬ 173­ 174® 175¯ 176° 177± 178² 179³ 180´ 181µ
182 183· 184¸ 185¹ 186º 187» 188¼ 189½ 190¾ 191¿ 192À 193Á 194Â 195Ã 196Ä
197Å 198Æ 199Ç 200È 201É 202Ê 203Ë 204Ì 205Í 206Î 207Ï 208Ð 209Ñ 210Ò 211Ó
212Ô 213Õ 214Ö 215× 216Ø 217Ù 218Ú 219Û 220Ü 221Ý 222Þ 223ß 224à 225á 226â
227ã 228ä 229å 230æ 231ç 232è 233é 234ê 235ë 236ì 237í 238î 239ï 240ð 241ñ
242ò 243ó 244ô 245õ 246ö 247÷ 248ø 249ù 250ú 251û 252ü 253ý 254þ 255ÿ

Tutte le informazioni immagazzinate nella memoria di un computer sono espresse sotto forma di numeri del sistema binario: ogni dato è quindi trasformato in una sequenza di 0 e 1, detti bit (binary digit, cifra binaria). Di norma una cella di memoria comprende 8 cifre binarie (byte) con le quali è possibile rappresentare 28=256 caratteri distinti.
Ad ogni diversa configurazione degli 8 bit corrisponde uno e un solo simbolo secondo lo schema del codice ASCII (American Standard Code for Information Interchange) esteso. Tra questi ci sono ad esempio il ritorno di carrello (carriage return), le lettere dell'alfabeto, le cifre ed altri simboli che vengono detti caratteri alfanumerici, oltre che codici che corrispondono a funzioni di macchina, come l'avvisatore acustico.
Tale rappresentazione permette anche di avere un ordinamento anche fra caratteri e quindi di disporre, ad esempio, una lista di nomi in ordine alfabetico.
La rappresentazione binaria non è comunque immediatamente percepibile, e dunque normalmente del codice ASCII viene dato il corrispondente valore decimale. Ad esempio diciamo che il carattere A, che è memorizzato nel computer come 1000001 ha codice 65.

Esempio di codice: &#171Frase fra virgolette&#187

Risultato: «Frase fra virgolette»

Nella tabella compaiono alcune caselle vuote o con strani simboli: ricordiamo che:
  • Il codice &#32 rappresenta la barra spaziatrice: anche se viene ripetuto nella pagina si visualizza soltanto uno spazio;
  • il codice &#160, che pure lascia uno spazio, corrisponde a &nbsp; e quindi lascia tanti spazi per quante volte viene scritto;
  • alcuni caratteri, ed esattamente quelli corrispondenti al codice 129, 141, 143, 144 e 157 vengono visualizzati in modo diverso da Firefox e da MSIE e dunque non conviene usarli;
  • il carattere di codice 127 corrisponde al tasto Canc.
    Questo fatto ci consente di scrivere il nostro programma.

    Con HTML è possibile visualizzare un carattere scrivendone il codice ASCII, trasformato in decimale, preceduto dai simboli &#: ad esempio, digitando &#65, otteniamo A.

     

    ANALISI DEL PROBLEMA    

    Innanzitutto impariamo a visualizzare il carattere corrispondente ad un singolo numero decimale compreso fra 32 e 255: 32 è il primo dei caratteri visualizzabili e stampabili e corrisponde alla pressione della barra spaziatrice, mentre 255 è il massimo numero al quale corrisponde un carattere.
    Si tratta di implementare un programma che:

    1. scriva il carattere corrispondente a &#32, cioè uno spazio vuoto;
    2. scriva il carattere corrispondente a &#33, cioè !
    3. ...
    4. scriva il carattere corrispondente &#255, che è ÿ.
    Fra un carattere e l'altro poi occorrerà andare a capo.
    Al tal fine introduciamo una variabile nella quale memorizzare l'intera sequenza dei caratteri separati dal tag <br> che serve ad andare a capo (Break Line): all'inizio nella variabile memorizziamo il titolo
    A tal fine bastano le seguenti righe di codice:

    function codice1() {
    var output='CODICE ASCII ESTESO<pre>\n'
       for (i=32; i<=255; i++) {
         output +=i + '\t&#8594\t&#'+ i + '\t'
        }
       output+='</pre>'
          document.write(output)
         document.close()
     }

    Abbiamo impostato un ciclo for in cui il contatore i serve anche per l'output del programma. Il ciclo permette la memorizzazione di tutti i caratteri, ognuno in una riga, nella variabile di nome output.
    Una volta terminato il ciclo il contenuto della variabile viene visualizzato sullo schermo.
    Il risultato, abbastanza deludente dal punto di vista estetico, si vede cliccando sul bottone

    E' chiaro che la semplice sequenza di caratteri senza specificazione del numero di codice non è di grande aiuto.

    NOTA BENE - Le singole righe del codice sono commentate nella sezione Facciamo il punto a sinistra nella pagina.

     

    CODICE COMPLETO    

    Script (clic sull'area di testo per selezionare tutto).

    Pulsante che attiva lo script, da inserire fra i tags <BODY> e </BODY>:

    <form name="Mioform">
    <input type=button value="Clicca" name="bottone" OnClick="javascript:codice1()">
    </form>
    Ottieni la lista dei caratteri con il loro codice Ascii. Per vederla premi il bottone (se non lo hai fatto prima):

    Una volta compreso come far scrivere i singoli caratteri preceduti dal loro codice dovremo migliorare l'aspetto dell'output inserendo opportunamente i dati in una tabella.

 

INDICE        Seconda parte


©2002 - 2013 www.webfract.it