JS Esercizio Concetti Gen es1 by @AurelianoDC - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

listCollega un elemento input con una lista di opzioni datalist
<base>Specifica l'URL di base per tutti gli URL relativi all'interno della pagina.
<li>Inserisce voci all'interno di una lista
<blockquote>Inserisce citazioni in un documento HTML
disabledImpedisce la modifica di un input
autofocusAttiva un elemento al caricamento della pagina.

Users

Log in to search for users

Explore

Find inspiration

I giornali online

Esercizi 05/03/2024 es1

esercizio indice di un libro

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

/*Concetti Generali:
1. Scrivi un breve programma JavaScript che utilizzi commenti per spiegare le caratteristiche
principali del linguaggio.
*/

// Questo è un commento singola riga. Viene ignorato dall'interprete JavaScript.
// JavaScript è un linguaggio di programmazione ad alto livello, interpretato e orientato agli oggetti.

/*
   Questo è un commento multiriga.
   Può essere utilizzato per commentare più righe di codice.
*/

// Le variabili in JavaScript possono essere dichiarate usando var, let o const.
var numero = 10; // Esempio di dichiarazione di variabile con var.
console.log('numero= '+numero)
let testo = "Ciao, mondo!"; // Esempio di dichiarazione di variabile con let.
console.log('testo= '+testo)

/*
var:
Le variabili dichiarate con var hanno uno scope di funzione o globale, ma non hanno uno scope di blocco (blocco è un insieme di codice racchiuso tra {}). Ciò significa che sono accessibili fuori dal blocco in cui sono dichiarate.
Possono essere ri-dichiarate senza generare errori.
Possono essere inizializzate senza assegnare un valore iniziale.
Il loro comportamento può essere imprevedibile all'interno delle funzioni annidate a causa del concetto di "hoisting", dove le dichiarazioni di variabili vengono spostate all'inizio della funzione durante la fase di compilazione.
Esempio:
*/

var xVar = 10;
if (true) {
    var xVar = 20; // La variabile x viene sovrascritta a livello globale
    console.log("dentro= "+xVar)
}
console.log("xVar Fuori= "+ xVar);  // Stampa 20

/*
let:
Le variabili dichiarate con let hanno uno scope di blocco. Ciò significa che sono limitate al blocco in cui sono dichiarate.
Non possono essere ri-dichiarate nello stesso blocco.
Possono essere inizializzate senza assegnare un valore iniziale, ma non sono utilizzabili fino a quando non vengono inizializzate.
Non sono soggette al "hoisting".
Esempio:
*/

let yLet = 10;
if (true) {
    let yLet = 20; // La variabile y è limitata allo scope di questo blocco
    console.log("dentro"+yLet)
}
console.log("yLet= "+yLet); 

//In generale, è una pratica migliore utilizzare let e const invece di var, poiché let e const forniscono un controllo più 
//preciso dello scope delle variabili e riducono la possibilità di errori dovuti al "hoisting" o alla ri-dichiarazione accidentale delle variabili.

/*In JavaScript, "hoisting" è un comportamento peculiare che riguarda la dichiarazione delle variabili e delle funzioni durante la fase di compilazione 
del codice. Il termine "hoisting" deriva dal fatto che, durante questa fase, le dichiarazioni vengono "sollevate" (hoisted) verso l'alto all'interno del 
loro contesto di esecuzione.
Per le variabili dichiarate con var, la dichiarazione viene sollevata verso l'alto all'inizio dello scope (il contesto in cui è definita la variabile), 
mentre per le funzioni, l'intera definizione della funzione viene sollevata, rendendo la funzione disponibile per l'utilizzo in qualsiasi punto dello 
scope.

Ecco un esempio per comprendere meglio il concetto di hoisting:*/

console.log("xHoisting= "+ xHoisting); // Output: undefined
var xHoisting = 5;
console.log("xHoisting= "+ xHoisting); // Output: 5

/*Quando viene eseguito questo codice, la prima istruzione console.log(x); non causa un errore, ma stampa undefined. 
Questo è dovuto al fatto che la dichiarazione della variabile x viene sollevata verso l'alto durante la fase di compilazione, 
ma l'assegnazione del valore 5 rimane nel suo posizionamento originale. 
Quindi, al momento della prima stampa, x è stata dichiarata ma non inizializzata, quindi ha un valore di undefined.

Per contrasto, quando si utilizza let o const per dichiarare variabili, anch'esse vengono sollevate, ma non vengono inizializzate. 
Quindi, tentare di accedere a una variabile let o const prima della sua dichiarazione causerà un ReferenceError.*/

//console.log("yHoisting= "+yHoisting); // ReferenceError: Cannot access 'yHoisting' before initialization
let yHoisting = 10;

/*In sintesi, l'hoisting in JavaScript è il comportamento per cui le dichiarazioni di variabili e funzioni vengono spostate verso 
l'alto all'interno dello scope durante la fase di compilazione, rendendo disponibili le variabili prima ancora che vengano effettivamente dichiarate 
e inizializzate. Tuttavia, è importante notare che solo le dichiarazioni vengono sollevate, non le assegnazioni di valori.
*/


const PI_GRECO = 3.14; // Esempio di dichiarazione di costante con const.

// JavaScript supporta tipi di dati come stringhe, numeri, booleani, oggetti e array.
let x = 5; // Numero
let y = "Ciao"; // Stringa
let z = true; // Booleano
let persona = {nome: "Mario", età: 30}; // Oggetto
let numeri = [1, 2, 3, 4, 5]; // Array

// JavaScript è un linguaggio debolmente tipizzato, il che significa che le variabili possono contenere diversi tipi di dati.
let variabileMista = 10;
variabileMista = "Ora sono una stringa!";

// JavaScript utilizza operatori per eseguire operazioni su variabili e valori.
let somma = 5 + 3; // Esempio di operatore di addizione.
let concatenazione = "Ciao" + " " + "mondo"; // Esempio di operatore di concatenazione.

// JavaScript supporta strutture di controllo come if, else, for, while, switch.
if (x > 0) {
    console.log("x è positivo");
} else {
    console.log("x è negativo o zero");
}

// JavaScript fornisce molte funzioni integrate che possono essere utilizzate per svolgere varie operazioni.
console.log(Math.sqrt(16)); // Stampa la radice quadrata di 16 (4).
console.log(typeof x); // Stampa il tipo di dato di x (number).

// JavaScript consente la definizione di funzioni per riutilizzare il codice.
function stampa(valore, valore2) {
    console.log(valore+" "+valore2);
}

let nome= "Luca";
let nome2= "Marco";
stampa(nome, nome2); 

let numero3= 4;
let numero4= 6;
stampa(numero3, numero4);