Vedremo in questo articolo come creare elementi nel DOM con JavaScript. Nell’articolo precedente abbiamo visto che cosa è un DOM in JavaScript e abbiamo studiato i metodi per selezionare elementi in un pagina. Potete consultare l’articolo al seguente link:https://www.codingcreativo.it/dom-in-javascript/. Come creare elementi nel DOM con JavaScript L’elemento da creare può essere ad esempio un nuovo … Leggi tutto
Il DOM in JavaScript è uno strumento che consente di accedere agli elementi di una pagina HTML. Il browser web, infatti, quando carica la pagina web crea il DOM (Document Object Model). Il DOM può essere visto come una struttura ad albero, come ad esempio questa: La struttura del DOM di questa pagina web è … Leggi tutto
Creiamo in quest’articolo una semplice galleria di immagini con JavaScript e HTML, utilizzando gli array spiegati nella precedente lezione. Per il momento non utilizzeremo jQuery, più avanti vedremo un esempio di una galleria di immagini con l’uso di questa libreria. Esempio di galleria di immagini con JavaScript e HTML L’esempio realizzato prende delle immagini da … Leggi tutto
Un array in JavaScript è una struttura dati che consente di memorizzare più valori all’interno di una singola variabile.A differenza di altri linguaggi, JavaScript permette di inserire in un array elementi di tipo diverso (numeri, stringhe, booleani, ecc.). In questo tutorial vedremo come definire, inizializzare e leggere un array in JavaScript, analizzando i metodi principali … Leggi tutto
Affronteremo oggi l’algoritmo per calcolare il quoziente di potenze con la stessa base con Scratch, che è dato da: am/an=am-n Si ottiene quindi una potenza che ha la stessa base e ha come esponente la differenza degli esponenti. Algoritmo che calcola il quoziente di potenze con la stessa base con Scratch Dunque, per realizzarlo con … Leggi tutto
Oggi vedremo come validare un form in JavaScript, ovvero garantire prima dell’invio dei dati che l’utente abbia immesso dei dati validi o quantomeno ‘abbastanza validi’. Ecco come dovrà essere l’esempio del form in JavaScript. Provate ad inserire i dati e cliccate sul pulsante invia. Nome Telefono Email: Password Conferma password Validare un form in JavaScript … Leggi tutto
In questa lezione presenterò altri esempi di utilizzo del metodo getElementById(), al fine di comprenderne meglio il funzionamento. Nell’articolo precedente https://www.codingcreativo.it/javascript-getElementById/ abbiamo già introdotto questo metodo. Esempio 1 di utilizzo del metodo getElementById() Realizziamo dunque un primo esempio di utilizzo di getElementById(). Dati in input base e altezza di un rettangolo, calcolarne l’area. Ecco come … Leggi tutto
Oggi parleremo di JavaScript getElementById, ovvero introduciamo questo utilissimo metodo per operare sul DOM della pagina. Come utilizzare il metodo JavaScript getElementById() Il metodo getElementById() dell’oggetto document, restituisce l’elemento della pagina HTML, avente l’id uguale a ciò che è specificato tra parentesi. document.getElementById(“#id“) Ricordiamo, quando abbiamo studiato i selettori nei CSS, che gli id devono … Leggi tutto
In quest’articolo parleremo di JavaScript prompt, cioè delle finestre che richiedono l’immissione di un dato da parte di un utente. Il metodo prompt() consente dunque di far apparire delle finestre per interagire con l’utente. Esempio di uso di JavaScript prompt Vogliamo realizzare questo esempio: quando clicchiamo sul pulsante inserisci il nome, comparirà la finestra di … Leggi tutto
In quest’articolo parleremo di JavaScript confirm, cioè della modalità per creare una finestra dove l’utente può effettuare una scelta. Con il metodo confirm(), a differenza del metodo alert(), la comunicazione quindi non è unilaterale ma bilaterale. Esempio 1 – JavaScript confirm Facciamo subito un esempio d’utilizzo. Provate ad inserire alcuni dati nei campi sotto e … Leggi tutto
In questa lezione parleremo di JavaScript alert, cioè le window alert() utilizzate per comunicare all’utente un messaggio. Alert() è dunque un metodo dell’oggetto window, che serve a mostrare una finestra di avviso. L’oggetto window è quindi l’oggetto principale di JavaScript e rappresenta l’intera finestra del browser. Questo oggetto ha anche tanti metodi e proprietà che … Leggi tutto
In questo articolo realizzeremo degli esercizi con Algobuild. Esercizio 1 con Algobuild Conoscendo il prezzo di un oggetto (prezzo) e i soldi a disposizione nel proprio portafoglio, determinare se è possibile acquistare o no l’oggetto. Inoltre, se è possibile, verificare se e quanti soldi rimangono nel portafoglio dopo l’acquisto. Questo semplice algoritmo si risolve quindi … Leggi tutto
Algoritmo di ordinamento Quick sort che utilizza il metodo divide et impera. Quick sort è un algoritmo ricorsivo.
Oggi studieremo come affrontare le frazioni con Scratch. Partiamo dalla definizione di frazione Una frazione non è altro che un numero scritto sotto forma di divisione. Le frazioni possono essere: proprie: sono quelle in cui il numeratore è più piccolo del denominatore, ad esempio 1/2 oppure 3/5 o ancora 8/12 ecc… improprie: sono quelle in … Leggi tutto
Affronteremo in questo articolo il prodotto di potenze con la stessa base con Scratch. Il prodotto di potenze che hanno la stessa base è: am*an=am+n Si ottiene dunque una potenza che ha la stessa base e come esponente la somma degli esponenti. Algoritmo che calcola il prodotto di potenze con la stessa base con Scratch … Leggi tutto
In questo articolo affronteremo le potenze con Scratch. Le potenze si indicano in questo modo: an dove a è la base ed n è l’esponente. Le potenze sono delle moltiplicazioni ripetute, quindi an è uguale ad a*a*a…*a eseguito n volte. Facciamo degli esempi. 23 è uguale a 2*2*2, cioè 2 moltiplicato per se stesso 3 … Leggi tutto
In quest’articolo analizzeremo l’uso dei font nei CSS, vedremo cioè come utilizzare le proprietà dei CSS per gestire i caratteri. Infatti, nei CSS, è possibile gestire il tipo di font, la dimensione, l’allineamento del testo, l’interlinea tra le righe, ecc… Elenco proprietà Font nei CSS Proprietà font-family Questa proprietà serve ad impostare l’uso della famiglia … Leggi tutto
Realizziamo adesso un algoritmo che calcola la somma di due matrici in C. Innanzitutto va detto che la somma si può effettuare solo se le due matrici hanno lo stesso numero di righe e di colonne. Date due matrici A[M][N] e B[M][N] , la somma si effettua semplicemente sommando l’elemento della prima riga e della … Leggi tutto