<!DOCTYPE html>

<html>

    <head>

        <title>Playground</title>

        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">

        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>

        <script src="./playground.js"></script>

    </head>

    <body>

        <div class="container text-center mt-5">

            <h1>Playground Page</h1>

            <h3>Apri l'inspector con F12 o con click destro -> Ispeziona</h3>

            <h3>Poi vai su console</h3>

        </div>

    </body>

</html>

console.log("hello World");
// -> hello World

console.info() // non c'è differenza nel browser, ma è utile in node.js se si 
               // vuole impostare il log level

console.warn() // viene usato per mostrare messaggi di avvertimento, di solito
			   // lo si vede spesso quando si usano metodi deprecati o ci si 
			   // dimentica di settare delle impostazioni

console.error() // mostra gli errori veri e propri, viene chiamato in automatico 
				// quando si verificano errori non gestiti ma può essere usato 
				// manualmente quando si vuole avere una traccia più precisa di 
				// alcuni errori

var firstName;

let firstName;

let firstName;
firstName = "Mario";

// oppure
let firstName = "Mario";

// riassegnazione
let count = 0;
count = 1;
count = 2;

let myvariable = 1;  // numeric value

myvariable = 'one'; // string value

myvariable = 1.1; // decimal value

myvariable = true; // Boolean value

myvariable = null; // null value

let prezzoNetto = 50;
let sconto = 30;
let prezzoScontato = prezzoNetto - (prezzoNetto * sconto / 100);

let iva = 22;
let prezzoFinale = prezzoScontato + (prezzoScontato * iva /100);

let a = 5, b = 10, c = "5";
let x = a;

a == c; // returns true

a === c; // returns false

a == x; // returns true

a != b; // returns true

a > b; // returns false

a < b; // returns true

a >= b; // returns false

a <= b; // returns true

let a = 5, b = 10;

(a != b) && (a < b); // returns true

(a > b) || (a == b); // returns false

(a < b) || (a == b); // returns true

!(a < b); // returns false

!(a > b); // returns true

function <function-name>(arg1, arg2, arg3,...)
{
    //write function code here
}

function greet() {
	console.log('Hello World!')
}

greet();

function greet(name) {
	console.log('Hello ' + name);
}

greet('Pippo'); // Hello Pippo
greet('Pluto'); // Hello Pluto

function greet(firstName, lastName) {
	console.log('Hello '+ firstName + ' ' + lastName);
}

greet('Mario', 'Rossi', 'Sig.') // Hello Mario Rossi
greet('Mario') // Hello Mario undefined

function sum(num1, num2) {
	return num1 + num2; 
}
let result = sum(2, 3); // 5

let double = function(num) {
	return num * 2;
}

double(3); // 6

let numbers = [1, 2, 3, 4];

numbers.map(double); // [2, 4, 6, 8]

let numbers = [1, 2, 3, 4];

numbers.map(function(num) {
	return num * 2;
});

// oppure con una arrow function

numbers.map((num) => {
	return num * 2;
})

let sum = (a, b) => {
	return a + b;
}

let sum = (a, b) => a + b;

let double = (num) => {
	 return num * 2;
}

// diventa

let double = num => {
	return num * 2;
}

// che applicando la regola precedente a sua volta si abbrevia in

let double = num => num * 2;

let numbers = [1, 2, 3, 4];
numbers.map(num => num * 2); // sempre [2, 4, 6, 8]

if(boolean expression)
{
    // code to be executed if condition is true
} else {
	// code to be executed if condition is false
}

let score = 19;
let result;

if (score > 18) {
    result = 'passato';
} else {
    result = 'fallito';
}
console.log(`Hai ${result} l'esame`);

let score = 19;
let result = score > 18 ? 'passato' : 'fallito';

console.log(`Hai ${result} l'esame`);

for(initializer; condition; iteration)
{
    // Code to be executed
}

for (let i = 0; i < 5; i++)
{
    console.log(i);
}

let arr = [2, 4, 6, 8, 10];
for (let i = 0; i < arr.length; i++) {
	console.log(arr[i]);
}

let arr = [2, 4, 6, 8, 10];
for(let item of arr) {
	console.log(item);
}

let arr = [2, 4, 6, 8, 10];
for(let [index, item] of arr.entries()) {
	console.log(index, item);
}

   let item = {
	   name: "nome dell'oggetto",
	   netPrice: 10, // prezzo netto
	   weight: 250, // peso dell'oggetto in grammi
	   discount: 10, // sconto applicato all'oggetto, può essere 0
	   quantity: 2 // numero di oggetti di questo tipo
   }

const cart = [
	{
		name: 'ssd',
		netPrice: 95,
		weight: 100,
		discount: 5,
		quantity: 2
	},
	{
	name: 'motherboard',
	netPrice: 270,
	weight: 900,
	discount: 0,
	quantity: 1
	},
	{
	name: 'ram',
	netPrice: 120,
	weight: 60,
	discount: 10,
	quantity: 2
	},
	{
	name: 'processor',
	netPrice: 400,
	weight: 130,
	discount: 0,
	quantity: 1
	},
	{
	name: 'power supply',
	netPrice: 130,
	weight: 1400,
	discount: 15,
	quantity: 1
	},
	{
	name: 'cpu cooler',
	netPrice: 170,
	weight: 1000,
	discount: 23,
	quantity:1
	},
	{
	name: 'gpu',
	netPrice: 1600,
	weight: 2500,
	discount: 0,
	quantity: 1
	},
	{
	name: 'case',
	netPrice: 130,
	weight: 3500,
	discount: 30,
	quantity: 1
	}
];