In questa sezione presento un tutorial JavaScript ricco di tanti esercizi. Il linguaggio JavaScript è un linguaggio di programmazione per lo sviluppo di siti web dinamici.
In questa lezione ci divertiremo nella realizzazione del gioco della memoria del colore in JavaScript. Il gioco “Memory Color Game” è un gioco in cui il giocatore deve ricordare una sequenza di colori sempre più lunga man mano che il gioco avanza. Provate ad indovinare quanti più colori, cliccate sul pulsante start ed iniziate a … Leggi tutto
In questa lezione realizzeremo un Accordion Menu in JavaScript. Un Accordion Menu è un componente interattivo che consente di organizzare e presentare informazioni in modo chiaro e ordinato, con la possibilità di espandere o contrarre sezioni specifiche. Durante questa lezione, esploreremo passo dopo passo come strutturare il nostro menu nell’HTML, applicare stili accattivanti con il … Leggi tutto
In questa entusiasmante lezione, ci immergiamo nel mondo dello sviluppo web per creare dinamiche e funzionali tabs utilizzando JavaScript! 🚀 Esploreremo insieme come rendere la navigazione tra diverse sezioni del tuo sito web più interattiva e intuitiva. Preparati a imparare e a implementare tabs che offriranno agli utenti un’esperienza di navigazione fluida e coinvolgente! Prova … Leggi tutto
Divertiamoci a realizzare una semplice galleria di immagini con filtri in JavaScript. In questo esercizio, saremo in grado di selezionare una categoria specifica, e la galleria mostrerà solo le immagini corrispondenti a quella categoria. Questa funzionalità introduce interattività nella galleria, permettendo agli utenti di esplorare agevolmente diverse categorie di immagini. Inoltre, il codice HTML, CSS … Leggi tutto
Le stringhe in JavaScript, che sono sequenze di caratteri Unicode, svolgono un ruolo essenziale nella rappresentazione di testi di vario genere. È possibile definire una stringa in diversi modi, utilizzando singoli apici (‘ ‘), doppi apici (” “), oppure i backticks (“). Esempi di Stringhe in JavaScript Ecco alcuni semplici esempi di stringhe: Caratteri Unicode … Leggi tutto
In questa lezione svilupperemo un generatore di frasi random. Faremo in modo che cliccando su un pulsante, di volta in volta, si generi una nuova frase. Provate l’esempio sotto, cliccando sul pulsante: Generatore di frasi random Genera una nuova frase Sviluppo del generatore di frasi random Innanzitutto sviluppiamo il semplice codice HTML necessario per creare … Leggi tutto
Il metodo slice sulle stringhe in JavaScript consente di estrarre una parte di una sottostringa da una stringa. La sua sintassi è la seguente: string.slice(inizio, fine) Dove i due parametri inizio e fine sono opzionali. Il valore di inizio è un valore numerico che indica da dove deve partire la selezione, mentre il valore fine … Leggi tutto
Continuiamo il nostro tutorial utilizzando il metodo createTextNode in JavaScript, ovvero il metodo che ci consente di inserire del testo in un nodo. Infatti, dopo aver creato un nuovo elemento oppure su un elemento già esistente, si può avere la necessità di inserire del testo al suo interno. Per fare ciò si può utilizzare ad … Leggi tutto
Ecco un test per valutare le competenze acquisite sul linguaggio JavaScript. Valuta le tue competenze su concetti di base ed avanzati di JavaScript con i test creati su Coding Creativo. Corso di JavaScript Interamente online, in diretta e ricco di esercitazioni pratiche di progetti reali Corso di HTML + CSS Interamente online, in diretta e … Leggi tutto
In questa lezione svilupperemo un sistema di conversione da binario a decimale in JavaScript. Innanzitutto proviamo il simulatore sotto. Inseriamo nel campo di input un numero binario, in automatico nel campo sotto si vedrà il corrispettivo numero decimale. Binario Decimale: return false; } function change(name) { b = document.getElementById(“binario”).value; result = bin_dec(b); risultato.value = result; … Leggi tutto
In questa lezione vi spiego passo passo come realizzare un semplice gioco che confronta i numeri in JavaScript. Lo scopo di questo gioco, adatto a far giocare dei bambini della primaria, è quello di approfondire l’utilizzo delle funzioni, il metodo getElementById, la classe className, ecc. Innanzitutto provate il gioco base cliccando sul pulsante gioca in … Leggi tutto
In questo articolo, esploreremo la creazione di un counter in JavaScript, fornendo implementazioni che consentono sia l’incremento che il decremento in modi diversificati e interessanti. Realizziamo un counter in JavaScript In questo primo progetto, ci immergeremo nella creazione di un counter utilizzando esclusivamente JavaScript Vanilla. Sperimentate cliccando sui pulsanti sottostanti per incrementare o decrementare la … Leggi tutto
In questa lezione realizzeremo una semplice to do list in JavaScript. Si tratta di un esercizio classico che ci permetterà di mettere in pratica i concetti appresi finora e di sperimentare l’utilizzo di JavaScript per manipolare il DOM e gestire eventi. Per realizzare questo progetto infatti utilizzeremo alcuni metodi per manipolare il DOM in JavaScript. … Leggi tutto
Il metodo toLowerCase in JavaScript è utilizzato per convertire tutti i caratteri di una stringa in lettere minuscole. Questo metodo è una funzione integrata in JavaScript che appartiene all’oggetto String. toLowerCase ha la seguente sintassi: stringa.toLowerCase(); Dove stringa rappresenta la stringa da convertire in minuscolo. Anche in questo caso, così come con il metodo toUpperCase, … Leggi tutto
In questa lezione realizzeremo il gioco memory game in JavaScript, ovvero il famoso gioco di abbinamento per testare la memoria di un giocatore. Per lo sviluppo di questo gioco utilizzeremo alcuni metodi e proprietà di JavaScript che abbiamo studiato nelle lezioni precedenti, tra cui anche metodi e proprietà utili per manipolare il DOM in JavaScript. … Leggi tutto
Data una stringa, composta da una quantità indefinita di parole, trovare la parola più lunga in JavaScript. In questa breve lezione propongo varie soluzioni all’algoritmo proposto, al fine di presentare diversi ragionamenti logici. Parola più lunga in JavaScript – prima soluzione Partiamo quindi da una semplice frase di esempio: Dopo, con il metodo split, creiamo … Leggi tutto
In questo tutorial verificheremo se una parola è palindroma in JavaScript. Per risolvere questo algoritmo possiamo utilizzare varie soluzioni. Utilizzo del metodo reverse per il calcolo della parola palindroma in JavaScript In questa prima soluzione, la più semplice, ci appoggeremo al metodo reverse di JavaScript per verificare se la parola presa in input è palindroma. … Leggi tutto
In questa lezione propongo dei semplicissimi esercizi sulle stringhe in JavaScript, al fine di approfondire tutti i metodi e le proprietà precedentemente studiate. Esercizi sulle stringhe in JavaScript – primo esercizio Creare un programma che cerchi in una frase la sotto-stringa composta dalle parole coding e creativoo. Se trova entrambe le parole restituisce la frase, … Leggi tutto