Category Archives: Javascript

INPUT > placeholder

Prova a inserire un dato valido al posto del placeholder.

Riepilogo Javascript

  1. break, parola riservata
  2. case, parola riservata
  3. catch, parola riservata
  4. continue, parola riservata
  5. default, parola riservata
  6. delete, parola riservata
  7. do, parola riservata
  8. else, parola riservata
  9. finally, parola riservata
  10. for, parola riservata
  11. function, parola riservata
  12. if, parola riservata
  13. in, parola riservata
  14. instanceof, parola riservata
  15. new, parola riservata
  16. parseFloat(x), conversione a float
  17. parseInt(x), conversione a int
  18. Math.PI, pi greco
  19. return, parola riservata
  20. switch, parola riservata
  21. this, parola riservata
  22. throw, parola riservata
  23. try, parola riservata
  24. typeof, parola riservata
  25. var, parola riservata
  26. void, parola riservata
  27. while, parola riservata
  28. width, parola riservata

navigator

Proprietà

  • navigator.appCodeName
  • navigator.appMinorVersion
  • navigator.appName
  • navigator.appVersion
  • navigator.browserLanguage
  • navigator.cookieEnabled
  • navigator.cpuClass
  • navigator.onLine
  • navigator.platform
  • navigator.userAgent
  • navigator.userLanguage


navigator.appCodeName:

navigator.appMinorVersion:

navigator.appName:

navigator.appVersion:

navigator.browserLanguage:

navigator.cookieEnabled:

navigator.cpuClass:

navigator.onLine:

navigator.platform:

navigator.userAgent:

navigator.userLanguage:

document

Proprietà

  • document.body
  • document.cookie
  • document.domain
  • document.lastModified
  • document.referrer
  • document.title
  • document.URL

Collezioni di dati

  • document.all
  • document.anchors[]
  • document.forms[]
  • document.images[]
  • document.links[]

Metodi

  • document.close()
  • document.getElementById(), restituisce un reference all’oggetto con quell’ID
  • document.getElementByName(), restituisce un reference all’oggetto con quel nome
  • document.getElementByTagNome(), restituisce una collezione di elementi con quel tag
  • document.open()
  • document.write()
  • document.writeln()

INPUT > color

Prova a interagire con il campo di tipo color, cambiando anche browser.



Modifica il colore e il codice corrispondente apparirà nella casella di testo sottostante

Testo controllato

La casella di testo reagisce agli eventi onFocus e onBlur: puoi invitare l’utente a inserire il suo nome e controllare se l’ha fatto

  • onFocus, scompare il messaggio di richiesta
  • onBlur, se la casella è vuota riappare il messaggio di richiesta



Scacchiera colorata

Disegna una scacchiera 8×8.
Nel codice puoi scegliere la dimensione e i colori per le celle


Voto massimo

La comunicazione avviene con prompt() e alert()

  • chiede il nome e il voto di una sequenza di studenti
  • termina quando prompt restituisce null
  • visualizza il nome dello studente con il voto massimo

L’utente può interagire in modo imprevedibile

Data valida?

Inserisci giorno, mese e anno ma non ti aspettare tutti i controlli…


GIORNO MESE ANNO


I dati inseriti sono spesso errati. Meglio offrire una scelta predefinita di valori!


GIORNO MESE ANNO


La data potrebbe essere ancora illegale! Il giorno selezionato è corretto per il mese selezionato?


GIORNO MESE ANNO



Se l’anno è bisestile? Il numero di giorni può essere anche 29!


GIORNO MESE ANNO


Operatori logici

Prova

Input Operatore Output