Calcoli – 1

Operazioni con un argomento numerico Modifica il valore della x e osserva i risultati x + x Segno più ! x Not logico – x Segno meno ~ x Not dei bit typeof x Tipo? Math.abs(x) Valore assoluto Math.ceil(x) Arrotondamento verso l’alto Math.floor(x) Arrotondamento verso il basso isFinite(x) È finito? isNaN(x) Non è un numero? … Leggi tutto

Accesso agli elementi

Le possibilità per accedere a un elemento della pagina sono tante… ed è facile confondersi x=document.nome1.nome2; x.value=”…”; L’elemento possiede un identificativo unico nella pagina … x=document.all.nome; x.style=”…”; x.innerHTML=”…”; L’elemento possiede un nome unico nella pagina … x=document.getElementByName(“nome”); x.className=”…” x.style=”…”; x.innerHTML=”…”; L’elemento possiede un nome unico nella pagina … x=document.getElementById(“nome”); x.style=”…”; x.innerHTML=”…”; L’elemento possiede un identificativo … Leggi tutto

INPUT > range

Prova a interagire con il campo di tipo range, cambiando anche browser. Trascina il cursore e il valore corrispondente apparirà nella casella di testo sottostante

Dimensioni

L’accesso a width e height in scrittura provoca il ridimensionamento del pannello e l’esecuzione di clearRect(…), la pulizia di tutto il contenuto. L’accesso a width e height in lettura permette di realizzare grafici che si adattano alle dimensioni del pannello. Il primo pixel in alto a sinistra ha coordinate (0,0). Si può fare riferimento al … Leggi tutto

Testi

Proprietà g2d.direction=”…” g2d.fillStyle=”…”, le caratteristiche del riempimento … g2d.font=”…”, le caratteristiche del font da utilizzare, nello stile di CSS ma con delle limitazioni … g2d.strokeStyle=”…”, le caratteristiche del contorno … g2d.textAlign=”…” “left”, “center”, “right” “start”, “end” g2d.textBaseline=”…” … Metodi g2d.fillText(text, x, y), scrive il riempimento del testo text, alla posizione (x,y) g2d.strokeText(text, x, y), scrive … Leggi tutto

Riepilogo Canvas

canvas ? g2d=cs.getContext(“2d”) contesto grafico 2d della canvas cs=document.getElementById(“…”) restituisce il riferimento all’oggetto Canvas specificato cs.height=”…” imposta l’altezza della finestra grafica h=cs.height l’altezza della finestra grafica cs.style=… imposta lo stile della finestra grafica (sfondo, bordo, …) cs.width=”…” imposta la larghezza della finestra grafica w=cs.width la larghezza della finestra grafica getContext(“2d”) ? g2d.arc(x,y, radius, startAngle,endAngle) … … Leggi tutto

Riepilogo Javascript

alert(), I/O break, parola riservata case, parola riservata catch, parola riservata confirm(), I/O const, parola riservata continue, parola riservata default, parola riservata delete, parola riservata do, parola riservata else, parola riservata finally, parola riservata for, parola riservata function, parola riservata if, parola riservata in, parola riservata instanceof, parola riservata new, parola riservata parseFloat(x), conversione a … Leggi tutto

navigator

Proprietà navigator.appCodeName navigator.appMinorVersion navigator.appName navigator.appVersion navigator.browserLanguage navigator.cookieEnabled navigator.cpuClass navigator.onLine navigator.platform navigator.userAgent navigator.userLanguage Prova navigator.appCodeName: navigator.appMinorVersion: navigator.appName: navigator.appVersion: navigator.browserLanguage: navigator.cookieEnabled: navigator.cpuClass: navigator.onLine: navigator.platform: navigator.userAgent: navigator.userLanguage: