From aa90e1ecf8aec25377dd6e0112fc5594ad31078b Mon Sep 17 00:00:00 2001
From: Vichingo455 <vichingo455@gmail.com>
Date: Thu, 31 Jul 2025 16:14:30 +0200
Subject: [PATCH] Prima commit

---
 .../decToBinary.html                          |  23 +++
 .../res/script.js                             |  96 ++++++++++
 .../res/style.css                             |  13 ++
 .../index.html                                |  88 +++++++++
 .../calculator.css                            |  53 ++++++
 .../calculator.html                           |  43 +++++
 .../calculator.js                             |  59 ++++++
 .../CalcolatricePluriOperazione.html          | 122 +++++++++++++
 .../ConversioneDecimaleBinario.html           |  98 ++++++++++
 .../ConversioneDecimaleEsadecimale.html       |  59 ++++++
 .../ConversioneDecimaleOttale.html            |  46 +++++
 .../ConversioniConRadio.html                  | 121 +++++++++++++
 ...Decimale a Binario-Ottale-Esadecimale.html |  88 +++++++++
 .../Decimale a Binario.html                   |  94 ++++++++++
 .../Esempio radioButton.html                  |  26 +++
 .../Esercizio2Stringhe.html                   |  69 +++++++
 .../EsercizioStringhe.html                    |  77 ++++++++
 .../GeneratorePassword.html                   | 171 ++++++++++++++++++
 .../addition_of_binaries.html                 |  94 ++++++++++
 .../esercizio2.html                           |  41 +++++
 .../parity_code.html                          | 107 +++++++++++
 .../Esercizio2Stringhe.html                   |  69 +++++++
 .../EsercizioStringhe.html                    |  77 ++++++++
 .../GeneratorePassword.html                   | 171 ++++++++++++++++++
 .../Esercizio1.html                           |  96 ++++++++++
 .../Esercizio2.html                           |  95 ++++++++++
 .../Esercizio3.html                           |  90 +++++++++
 .../EsercizioOmaggio.html                     | 104 +++++++++++
 .../esercizi.js                               | 152 ++++++++++++++++
 .../index.html                                | 106 +++++++++++
 .../EsercizioDadi.html                        |  37 ++++
 .../EsercizioJSCSS.html                       |  43 +++++
 .../esercizi.js                               |  36 ++++
 3AIN/Pagina Web 2/index.html                  |   5 +
 .../Esercizio1.html                           |  76 ++++++++
 .../Esercizio2.html                           |  61 +++++++
 README.md                                     |   4 +
 37 files changed, 2810 insertions(+)
 create mode 100644 3AIN/Convertitore Decimale Binario + C2 Addon/decToBinary.html
 create mode 100644 3AIN/Convertitore Decimale Binario + C2 Addon/res/script.js
 create mode 100644 3AIN/Convertitore Decimale Binario + C2 Addon/res/style.css
 create mode 100644 3AIN/Convertitore da Decimale a Binario-Ottale-Esadecimale/index.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/Calcolatrice mono-operazione HTML/calculator.css
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/Calcolatrice mono-operazione HTML/calculator.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/Calcolatrice mono-operazione HTML/calculator.js
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/CalcolatricePluriOperazione.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/ConversioneDecimaleBinario.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/ConversioneDecimaleEsadecimale.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/ConversioneDecimaleOttale.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/ConversioniConRadio.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/Decimale a Binario-Ottale-Esadecimale.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/Decimale a Binario.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/Esempio radioButton.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/Esercizio2Stringhe.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/EsercizioStringhe.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/GeneratorePassword.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/addition_of_binaries.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/esercizio2.html
 create mode 100644 3AIN/Esercizi TPS JavaScript Misti/parity_code.html
 create mode 100644 3AIN/Esercizi TPS Vichi per 2025-04-05/Esercizio2Stringhe.html
 create mode 100644 3AIN/Esercizi TPS Vichi per 2025-04-05/EsercizioStringhe.html
 create mode 100644 3AIN/Esercizi TPS Vichi per 2025-04-05/GeneratorePassword.html
 create mode 100644 3AIN/Esercizi TPS Vichi per 2025-04-26/Esercizio1.html
 create mode 100644 3AIN/Esercizi TPS Vichi per 2025-04-26/Esercizio2.html
 create mode 100644 3AIN/Esercizi TPS Vichi per 2025-04-26/Esercizio3.html
 create mode 100644 3AIN/Esercizi TPS Vichi per 2025-04-26/EsercizioOmaggio.html
 create mode 100644 3AIN/Esercizi TPS Vichi per 2025-04-26/esercizi.js
 create mode 100644 3AIN/Esercizi TPS Vichi per 2025-04-26/index.html
 create mode 100644 3AIN/Esercizi TPS Vichi per 2025-05-03/EsercizioDadi.html
 create mode 100644 3AIN/Esercizi TPS Vichi per 2025-05-03/EsercizioJSCSS.html
 create mode 100644 3AIN/Esercizi TPS Vichi per 2025-05-03/esercizi.js
 create mode 100644 3AIN/Pagina Web 2/index.html
 create mode 100644 3AIN/Verifica TPS JavaScript 22-02-2025/Esercizio1.html
 create mode 100644 3AIN/Verifica TPS JavaScript 22-02-2025/Esercizio2.html
 create mode 100644 README.md

diff --git a/3AIN/Convertitore Decimale Binario + C2 Addon/decToBinary.html b/3AIN/Convertitore Decimale Binario + C2 Addon/decToBinary.html
new file mode 100644
index 0000000..171e33f
--- /dev/null
+++ b/3AIN/Convertitore Decimale Binario + C2 Addon/decToBinary.html	
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <!-- Supporto dispositivi mobili -->
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Conversione Decimale in Binario</title>
+    <link rel="stylesheet" href="res/style.css">
+</head>
+<body>
+    <h1>Convertitore Decimale in Binario</h1>
+    <label for="numero">Inserisci un numero decimale (da -128 a 255):</label>
+    <input type="number" id="numero" placeholder="Numero decimale" required>
+    <br>
+    <label for="complemento2">Usa Complemento a 2 (per numeri negativi):</label>
+    <input type="checkbox" id="complemento2">
+    <br>
+    <button onclick="convertiBinario(document.getElementById('numero').value, document.getElementById('complemento2').checked, document.getElementById('binario'))">Converti in Binario</button>
+    <h2>Risultato Binario (8 bit):</h2>
+    <div id="binario">00000000</div>
+    <script src="res/script.js"></script>
+</body>
+</html>
diff --git a/3AIN/Convertitore Decimale Binario + C2 Addon/res/script.js b/3AIN/Convertitore Decimale Binario + C2 Addon/res/script.js
new file mode 100644
index 0000000..0ed4aff
--- /dev/null
+++ b/3AIN/Convertitore Decimale Binario + C2 Addon/res/script.js	
@@ -0,0 +1,96 @@
+let counter = 1; // Easter egg vari
+let isDisabled = false; // Limite conversioni
+function convertiBinario(numero, isComplemento2, output) {
+//    var numero = parseInt(document.getElementById('numero').value);
+//    var isComplemento2 = document.getElementById('complemento2').checked;
+    let binario = '';
+    if (numero == 1337) { // Easter egg hacker
+        alert("Hai trovato l'easter egg hacker.");
+        open("https://hackertyper.net/");
+        output.innerText = "HACKER";
+        return;
+    }
+    else if (numero == 737) { // Easter egg Boeing 737
+        alert("Hai trovato l'easter egg Boeing 737.");
+        open("https://it.wikipedia.org/wiki/Boeing_737");
+        output.innerText = "I-NEOU";
+        return;
+    }
+    else if (numero == 380) { // Easter egg Airbus A380
+        alert("Hai trovato l'easter egg Airbus A380.");
+        open("https://it.wikipedia.org/wiki/Airbus_A380");
+        output.innerText = "A6-EEU";
+        return;
+    }
+    else if (numero == 787) { // Easter egg Boeing 787 Dreamliner
+        alert("Hai trovato l'easter egg Boeing 787 Dreamliner.");
+        open("https://it.wikipedia.org/wiki/Boeing_787_Dreamliner");
+        output.innerText = "EI-NEO";
+        return;
+    }
+    else if (numero == 747) { // Easter egg Boeing 747
+        alert("Hai trovato l'easter egg Boeing 747.");
+        open("https://it.wikipedia.org/wiki/Boeing_747");
+        output.innerHTML = "<a href=\"https://www.theflightclub.it/2021/04/alitalia-747-baci-perugina/\" target=\"_blank\">I-DEMF</a>";
+        return;
+    }
+    if (isDisabled) {
+        return;
+    }
+    if (isNaN(numero) || numero < -128 || numero > 255) {
+        alert("Per favore inserisci un numero valido!");
+        return;
+    }
+    if (isComplemento2 && numero > 127) {
+        alert("Per favore inserisci un numero minore/uguale a 127 o disabilita il complemento a 2!");
+    }
+
+    if (isComplemento2) {
+        
+    } else {
+        let n = numero;
+        while (n > 0) {
+            binario = parseInt(binario + (n % 2));
+            n = n - (n / 2);
+        }
+        binario = reverseString(String(binario));
+    }
+    output.innerText = binario;
+    // Easter egg varie compagnie aeree
+    if (counter == 2) {
+        alert("Hai trovato l'easter egg Neos.")
+        open("https://neosair.it");
+        counter++;
+    }
+    else if (counter == 4) {
+        alert("Hai trovato l'easter egg Emirates.");
+        open("https://emirates.com");
+        counter++;
+    }
+    else if (counter == 6) {
+        alert("Hai trovato l'easter egg Qatar Airways.");
+        open("https://qatarairways.com");
+        counter++;
+    }
+    else if (counter == 8) {
+        alert("Hai trovato l'easter egg ITA Airways.");
+        open("https://ita-airways.com");
+        counter++;
+    }
+    else if (counter == 10) {
+        alert("Grazie per aver usato il convertitore. Per continuare ad usarlo, ricarica la pagina. Cliccando Ok inoltre troverai un ulteriore easter egg.");
+        open("https://www.youtube.com/watch?v=b6Q1ChKJ9S4");
+        isDisabled = true;
+    }
+    else {
+        counter++;
+    }
+}
+
+function reverseString(string){
+    let Reversed = "";
+    for (let i = string.length; i >= 0; i--) {
+        Reversed += string[i];
+    }
+    return Reversed;
+}
\ No newline at end of file
diff --git a/3AIN/Convertitore Decimale Binario + C2 Addon/res/style.css b/3AIN/Convertitore Decimale Binario + C2 Addon/res/style.css
new file mode 100644
index 0000000..e72e5c6
--- /dev/null
+++ b/3AIN/Convertitore Decimale Binario + C2 Addon/res/style.css	
@@ -0,0 +1,13 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 20px;
+}
+input, button {
+    margin: 10px 0;
+    padding: 10px;
+    font-size: 16px;
+}
+#binario {
+    font-size: 20px;
+    font-weight: bold;
+}
\ No newline at end of file
diff --git a/3AIN/Convertitore da Decimale a Binario-Ottale-Esadecimale/index.html b/3AIN/Convertitore da Decimale a Binario-Ottale-Esadecimale/index.html
new file mode 100644
index 0000000..75ff3fc
--- /dev/null
+++ b/3AIN/Convertitore da Decimale a Binario-Ottale-Esadecimale/index.html	
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Convertitore Base 10 a Base 2, 8, 16</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 30px;
+        }
+        input, button {
+            padding: 10px;
+            margin: 10px 0;
+        }
+        label {
+            font-weight: bold;
+        }
+        .result {
+            margin-top: 20px;
+        }
+    </style>
+</head>
+<body>
+
+    <h1>Convertitore Base 10 a Base 2, 8, 16</h1>
+
+    <label for="num">Inserisci un numero in base 10:</label>
+    <input type="number" id="num" required>
+
+    <button onclick="convert()">Converti</button>
+
+    <div class="result">
+        <p><strong>Base 2:</strong> <span id="binaryResult"></span></p>
+        <p><strong>Base 8:</strong> <span id="octalResult"></span></p>
+        <p><strong>Base 16:</strong> <span id="hexResult"></span></p>
+    </div>
+
+    <script>
+        function convert() {
+            // Ottieni il numero in base 10 inserito
+            let num = parseInt(document.getElementById("num").value);
+
+            // Funzione per convertire in base 2
+            function toBinary(n) {
+                let binary = '';
+                while (n > 0) {
+                    binary = (n % 2) + binary;
+                    n = Math.floor(n / 2);
+                }
+                return binary === '' ? '0' : binary;
+            }
+
+            // Funzione per convertire in base 8
+            function toOctal(n) {
+                let octal = '';
+                while (n > 0) {
+                    octal = (n % 8) + octal;
+                    n = Math.floor(n / 8);
+                }
+                return octal === '' ? '0' : octal;
+            }
+
+            // Funzione per convertire in base 16
+            function toHex(n) {
+                const hexChars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'];
+                let hex = '';
+                while (n > 0) {
+                    hex = hexChars[n % 16] + hex;
+                    n = Math.floor(n / 16);
+                }
+                return hex === '' ? '0' : hex;
+            }
+
+            // Esegui le conversioni
+            let binaryResult = toBinary(num);
+            let octalResult = toOctal(num);
+            let hexResult = toHex(num);
+
+            // Mostra i risultati
+            document.getElementById("binaryResult").textContent = binaryResult;
+            document.getElementById("octalResult").textContent = octalResult;
+            document.getElementById("hexResult").textContent = hexResult;
+        }
+    </script>
+
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS JavaScript Misti/Calcolatrice mono-operazione HTML/calculator.css b/3AIN/Esercizi TPS JavaScript Misti/Calcolatrice mono-operazione HTML/calculator.css
new file mode 100644
index 0000000..fbf9391
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/Calcolatrice mono-operazione HTML/calculator.css	
@@ -0,0 +1,53 @@
+body {
+    font-family: Arial, sans-serif;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    margin: 0;
+    background-color: black;
+}
+
+.calculator {
+    border: 2px solid #333;
+    border-radius: 10px;
+    padding: 20px;
+    background-color: grey;
+}
+
+.display {
+    width: 230px;
+    height: 40px;
+    margin-bottom: 10px;
+    text-align: right;
+    font-size: 20px;
+    padding: 10px;
+    background-color: #f4f4f4;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+}
+
+.buttons {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 10px;
+}
+
+.button {
+    padding: 20px;
+    font-size: 18px;
+    background-color: #f4f4f4;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+}
+
+.button:hover {
+    background-color: #ddd;
+}
+
+.button:active {
+    background-color: #ccc;
+}
+
diff --git a/3AIN/Esercizi TPS JavaScript Misti/Calcolatrice mono-operazione HTML/calculator.html b/3AIN/Esercizi TPS JavaScript Misti/Calcolatrice mono-operazione HTML/calculator.html
new file mode 100644
index 0000000..dc7d5f9
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/Calcolatrice mono-operazione HTML/calculator.html	
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<!--Manuel Vichi-->
+
+<head>
+    <title>Calculator</title>
+    <link rel="stylesheet" href="calculator.css">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+
+<body>
+
+    <div class="calculator">
+        <input type="text" class="display" id="display" disabled>
+        <div class="buttons">
+            <button class="button" onclick="appendToDisplay('1')">1</button>
+            <button class="button" onclick="appendToDisplay('2')">2</button>
+            <button class="button" onclick="appendToDisplay('3')">3</button>
+            <button class="button" id="add" onclick="setOperation('+')">+</button>
+
+            <button class="button" onclick="appendToDisplay('4')">4</button>
+            <button class="button" onclick="appendToDisplay('5')">5</button>
+            <button class="button" onclick="appendToDisplay('6')">6</button>
+            <button class="button" id="subtract" onclick="setOperation('-')">-</button>
+
+            <button class="button" onclick="appendToDisplay('7')">7</button>
+            <button class="button" onclick="appendToDisplay('8')">8</button>
+            <button class="button" onclick="appendToDisplay('9')">9</button>
+            <button class="button" id="multiply" onclick="setOperation('*')">*</button>
+
+            <button class="button" onclick="appendToDisplay('0')">0</button>
+            <button class="button" onclick="clearDisplay()">C</button>
+            <button class="button" onclick="calculateResult()">=</button>
+            <button class="button" id="divide" onclick="setOperation('/')">/</button>
+        </div>
+    </div>
+
+    <script type="text/javascript" src="calculator.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/3AIN/Esercizi TPS JavaScript Misti/Calcolatrice mono-operazione HTML/calculator.js b/3AIN/Esercizi TPS JavaScript Misti/Calcolatrice mono-operazione HTML/calculator.js
new file mode 100644
index 0000000..919b78e
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/Calcolatrice mono-operazione HTML/calculator.js	
@@ -0,0 +1,59 @@
+let currentInput = '';
+let previousInput = '';
+let operator = null;
+
+function appendToDisplay(value) {
+    currentInput += value;
+    document.getElementById('display').value = currentInput;
+}
+
+function setOperation(op) {
+    if (currentInput === '') return;
+    if (previousInput !== '') {
+        calculateResult();
+    }
+    operator = op;
+    previousInput = currentInput;
+    currentInput = '';
+
+    const operationButtons = document.querySelectorAll('.button');
+    operationButtons.forEach(button => button.classList.remove('active'));
+
+    const activeButton = document.getElementById(op);
+    if (activeButton) {
+        activeButton.classList.add('active');
+    }
+}
+
+function calculateResult() {
+    if (previousInput === '' || currentInput === '') return;
+    let result;
+    const prev = parseFloat(previousInput);
+    const current = parseFloat(currentInput);
+    if (operator === '+') {
+        result = prev + current;
+    } else if (operator === '-') {
+        result = prev - current;
+    } else if (operator === '*') {
+        result = prev * current;
+    } else if (operator === '/') {
+        if (current === 0) {
+            alert("Errore: divisione per zero!");
+            return;
+        }
+        result = prev / current;
+    }
+    document.getElementById('display').value = result;
+    currentInput = result.toString();
+    previousInput = '';
+}
+
+function clearDisplay() {
+    currentInput = '';
+    previousInput = '';
+    operator = null;
+    document.getElementById('display').value = '';
+
+    const operationButtons = document.querySelectorAll('.button');
+    operationButtons.forEach(button => button.classList.remove('active'));
+}
\ No newline at end of file
diff --git a/3AIN/Esercizi TPS JavaScript Misti/CalcolatricePluriOperazione.html b/3AIN/Esercizi TPS JavaScript Misti/CalcolatricePluriOperazione.html
new file mode 100644
index 0000000..d5b08f1
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/CalcolatricePluriOperazione.html	
@@ -0,0 +1,122 @@
+<html>
+
+<!--
+Nome: Mario
+Cognome: Montanari
+Classe: 3AIN
+-->
+
+	<head>
+		<link rel="stylesheet" href="styleCalcolatricePluriOperazione.css" />
+		<link rel="icon" href="itisnullobaldiniravenna.jpg" />
+		<title>Calcolatrice Pluri-Operazione</title>
+	</head>
+
+	<body>
+		<table border="0">
+			<tr>
+				<td colspan="4"><input style="width: 215px; border-radius: 10px;" type="text" id="display" disabled /></td>
+			</tr>
+			<tr>
+				<td colspan="3"><button style="width: 160px; background-color: #ffd9c1; border-radius: 10px;" onclick="document.getElementById('display').value = ''; valoreDisplay = ''; risultato = 0; operatore = '';" class="bigNumber">AC</button>
+			</td>
+				<td><button style="background-color: #efc1ff; border-radius: 10px;" onclick="setOperator('/')" class="littleNumber">/</button></td>
+			</tr>
+			<tr>
+				<td><button style="background-color: #c1e0ff; border-radius: 10px;" onclick="aggiungiAlDisplay('7')" class="littleNumber">7</button></td>
+				<td><button style="background-color: #c1e0ff; border-radius: 10px;" onclick="aggiungiAlDisplay('8')" class="littleNumber">8</button></td>
+				<td><button style="background-color: #c1e0ff; border-radius: 10px;" onclick="aggiungiAlDisplay('9')" class="littleNumber">9</button></td>
+				<td><button style="background-color: #efc1ff; border-radius: 10px;" onclick="setOperator('*')" class="littleNumber">*</button></td>
+			</tr>
+			<tr>
+				<td><button style="background-color: #c1e0ff; border-radius: 10px;" onclick="aggiungiAlDisplay('4')" class="littleNumber">4</button></td>
+				<td><button style="background-color: #c1e0ff; border-radius: 10px;" onclick="aggiungiAlDisplay('5')" class="littleNumber">5</button></td>
+				<td><button style="background-color: #c1e0ff; border-radius: 10px;" onclick="aggiungiAlDisplay('6')" class="littleNumber">6</button></td>
+				<td><button style="background-color: #efc1ff; border-radius: 10px;" onclick="setOperator('-')" class="littleNumber">-</button></td>
+			</tr>
+			<tr>
+				<td><button style="background-color: #c1e0ff; border-radius: 10px;" onclick="aggiungiAlDisplay('1')" class="littleNumber">1</button></td>
+				<td><button style="background-color: #c1e0ff; border-radius: 10px;" onclick="aggiungiAlDisplay('2')" class="littleNumber">2</button></td>
+				<td><button style="background-color: #c1e0ff; border-radius: 10px;" onclick="aggiungiAlDisplay('3')" class="littleNumber">3</button></td>
+				<td><button style="background-color: #efc1ff; border-radius: 10px;" onclick="setOperator('+')" class="littleNumber">+</button></td>
+			</tr>
+			<tr>
+				<td><button style="background-color: #ffd9c1; border-radius: 10px;" onclick="aggiungiAlDisplay('.')" class="littleNumber">.</button></td>
+				<td><button style="background-color: #c1e0ff; border-radius: 10px;" onclick="aggiungiAlDisplay('0')" class="littleNumber">0</button></td>
+				<td colspan="2"><button style="width: 105px; background-color: #efc1ff; border-radius: 10px;" onclick="calcolaRisultato()" class="bigNumber">=</button></td>
+			</tr>
+		</table>
+
+		<script>
+			let valoreDisplay = ""; // Variabile che contiene il valore visualizzato sul display della calcolatrice
+			let risultatoCorrente = 0; // Variabile che memorizza il risultato un'operazione alla volta (inizialmente impostato a zero)
+			let operatoreCorrente = ""; // Variabile che memorizza l'operatore appena selezionato
+			
+			// Funzione che aggiunge il valore cliccato al display della calcolatrice
+			function aggiungiAlDisplay(value) {
+				valoreDisplay = valoreDisplay + value; // Concatena i valore immessi nel display
+				document.getElementById("display").value = valoreDisplay; // Aggiorna il valore visibile nel display della calcolatrice
+			}
+			
+			// Funzione che aggiunge l'operatore selezionato
+			function setOperator(op) {
+				if (valoreDisplay !== "") { // Se l'ultimo valore immesso è un numero
+					calcolaRisultatoParziale(); // Funzione che calcola il risultato parziale
+					operatoreCorrente = op; // Memorizza l'operatore appena selezionato
+					document.getElementById("display").value = op; // Mostra l'operatore appena selezionato sul display
+					valoreDisplay = ""; // Resetta il display per il prossimo numero da inserire
+				} else if (valoreDisplay === "") { // Se l'ultimo valore immesso è un operatore
+					resettaCalcolo();
+				}
+			}
+			
+			// Funzione che calcola il risultato parziale dell'espressione che si vuole scrivere 
+			function calcolaRisultatoParziale() {
+				if (valoreDisplay !== "") { // Se l'ultimo valore immesso è un numero
+					let numeroCorrente = Number(valoreDisplay); // Converte il valore appena immesso in numero
+					if (operatoreCorrente === "") { // Se l'ultimo valore immesso è un operatore
+						risultatoCorrente = numeroCorrente;
+					} else if (operatoreCorrente === "+") { // Se l'operatore appena immesso è il +
+						document.getElementById("display").value = "+"; // Mostra l'operatore appena selezionato
+						risultatoCorrente = risultatoCorrente + numeroCorrente; // Calcola la somma tra i primi due numeri immessi dell'espressione
+					} else if (operatoreCorrente === "-") { // Se l'operatore appena immesso è il -
+						document.getElementById("display").value = "-"; // Mostra l'operatore appena selezionato
+						risultatoCorrente = risultatoCorrente - numeroCorrente; // Calcola la differenza tra i primi due numeri immessi dell'espressione
+					} else if (operatoreCorrente === "*") { // Se l'operatore appena immesso è il *
+						document.getElementById("display").value = "*"; // Mostra l'operatore appena selezionato
+						risultatoCorrente = risultatoCorrente * numeroCorrente; // Calcola la moltiplicazione tra i primi due numeri immessi dell'espressione
+					} else if (operatoreCorrente === "/") { // Se l'operatore appena immesso è il /
+						if (numeroCorrente === 0) { // Se il numero appena immesso è uguale a zero
+							document.getElementById("display").value = "Errore"; // Mostra nel display la scritta "Errore"
+							resettaCalcolo(); // Funzione che resetta il display mostrando la scritta "Errore"
+						} else { // Altrimenti
+							document.getElementById("display").value = "/"; // Mostra l'operatore appena selezionato
+							risultatoCorrente = risultatoCorrente / numeroCorrente; // Calcola la divisione dei primi due numeri immessi dell'espressione
+						}
+					}
+				}
+			}
+			
+			// Funzione che calcola il risultato finale dell'operazione
+			function calcolaRisultato() {
+				if (valoreDisplay !== "") { // Se l'ultimo valore immesso è un numero
+					calcolaRisultatoParziale(); // Calcola l'ultimo risultato parziale immesso dell'espressione
+					document.getElementById("display").value = risultatoCorrente; // Mostra il risultato finale dell'espressione
+					risultatoCorrente = 0;
+				} else if (valoreDisplay === "") { // Se l'ultimo valore immesso è un operatore
+					document.getElementById("display").value = "Errore";
+					resettaCalcolo(); // Mostra sul display la scritta "Errore"
+				}
+			}
+			
+			// Resetta i valori nel display in caso di errore
+			function resettaCalcolo() {
+				valoreDisplay = ""; // Resetta il valore scritto nel display
+				risultatoCorrente = "Errore"; // Mostra la scritta "Errore" nel display
+				operatoreCorrente = ""; // Resetta l'operatore scritto nel display
+			}
+		</script>
+
+	</body>
+
+</html>
\ No newline at end of file
diff --git a/3AIN/Esercizi TPS JavaScript Misti/ConversioneDecimaleBinario.html b/3AIN/Esercizi TPS JavaScript Misti/ConversioneDecimaleBinario.html
new file mode 100644
index 0000000..74d3310
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/ConversioneDecimaleBinario.html	
@@ -0,0 +1,98 @@
+<html>
+
+<!--
+Nome: Mario
+Cognome: Montanari
+Classe: 3AIN
+-->
+
+	<head>
+		<link rel="icon" href="itisnullobaldiniravenna.jpg" />
+		<link rel="stylesheet" href="styleConversioneDecimaleBinario.css" />
+		<title>Conversione da decimale a binario</title>
+	</head>
+	<body>
+		<h1>Numero in Base 10:</h1>
+		<input type="text" id="numeroDecimale" placeholder="Inserisci un numero decimale tra 0 e 255"/></br>
+		<label for="C2">Complemento a 2</label>
+		<input type="checkbox" id="C2" onchange="aggiornaPlaceholder()" /></br>
+		<button onclick="conversioneBinario()">Converti in Base 2</button></br></br>
+		<input id="numeroBinario" disabled />
+		<script>
+			
+			// FUNZIONE CHE CONTROLLA LO STATO DEL CHECK
+			function testCheck() {
+				if (document.getElementById("C2").checked) {
+					document.getElementById("numeroBinario").innerHTML = "SI";
+				} else {
+					document.getElementById("numeroBinario").innerHTML = "NO";
+				}
+			}
+			
+			// FUNZIONE CHE AGGIORNA IL PLACEHOLDER DELL'INPUT IN BASE ALLO STATO DEL CHECK
+			function aggiornaPlaceholder() {
+				if (document.getElementById("C2").checked) { // SE VIENE CLICCATO IL CHECKBOX
+					document.getElementById("numeroDecimale").placeholder = "Inserisci un numero decimale tra -128 e 127" // IL PLACEHOLDER DELLA BARRA DI INPUT CAMBIA
+				} else { // ALTRIMENTI, SE NON VIENE CLICCATO IL CHECKBOX
+					document.getElementById("numeroDecimale").placeholder = "Inserisci un numero decimale tra 0 e 255"; // RIMANE IL PLACEHOLDER ORIGINALE DELLA BARRA DI INPUT
+				}
+			}
+			
+			// FUNZIONE CHE CALCOLA IL NUMERO IN BASE BINARIA
+			function conversioneBinario() {
+				let numeroDecimale = document.getElementById("numeroDecimale").value; // INIZIALIZZAZIONE DELLA VARIBILE numeroDecimale(.value perché prende il valore da un tag <input>)
+				let numeroBinario = ""; // INIZIALIZZAZIONE DELLA VARIABILE numeroBinario (stringa vuota)
+
+				
+				if (numeroDecimale !== "") { // SE VIENE IMMESSO UN NUMERO (e periò non è una stringa vuota)
+					if (document.getElementById("C2").checked) { // SE IL CHECKBOX VIENE CLICCATO
+						if (numeroDecimale >= -128 && numeroDecimale <= 127) { // E SE IL NUMERO IMMESSO E' COMPRESO TRA -128 E 127
+						
+							if (numeroDecimale < "0") { // SE IL NUMERO IMMESSO E' MINORE DI 0
+								numeroDecimale = 256 + Number(numeroDecimale); // AGGIUNGO 256 (2 elavato alla 8) AL VALORE DECIMALE NEGATIVO, essendo che dobbiamo rappresentare numeri binari in 8 bit
+							}
+
+							// POI CONVERTI IL NUMERO DECIMALE IN BINARIO
+							while (numeroDecimale > "0") {
+								numeroBinario = (numeroDecimale % 2) + numeroBinario; // PRENDO IL RESTO DELLA DIVISIONE PER 2 DEL NUMERO DECIMALE IMMESSO (che sarà 0 o 1) E LO AGGIUNGO ALL'INIZIO DELLA STGINGA numeroBinario
+								numeroDecimale = Math.floor(numeroDecimale / 2); // DIVIDO PER DUE IL NUMERO DECIMALE IMMESSO E LO ARROTONDO SEMPRE PER DIFETTO
+							}
+
+							numeroBinario = numeroBinario.padStart(8, "0"); // RITORNO IL numeroBinario E AGGIUNGO DEGLI 0 ALLA STRINGA numeroBinario
+							
+						} else { // ALTRIMENTI, SE IL NUMERO SFORA L'INTERVALLO -128 - 127
+							window.alert("Numero non valido! Inserisci un numero compreso tra -128 e 127."); // MOSTRA UNA FINESTRA DI ALLERTA
+						}
+						
+					} else { // SE IL CHECKBOX NON VIENE CLICCATO
+						if (numeroDecimale >= 0 && numeroDecimale <= 255) { // E SE IL NUMERO IMMESSO E' COMPRESO TRA 0 E 255
+						
+							if (numeroDecimale === 0) { // SE IL NUMERO IMMESSO E' UGUALE A 0
+								numeroBinario = "0"; // ALLORA RITORNA COME numeroBinario IL NUMERO 0
+							} else { // ALTRIMENTI, SE IL NUMERO IMMESSO E' COMPRESO NELL'INTERVALLO 0 - 255, MA NON E' UGUALE A 0
+								
+								// CONVERTI IL NUMERO DECIMALE NEGATIVO IN BINARIO
+								while (numeroDecimale > 0) {
+									numeroBinario = (numeroDecimale % 2) + numeroBinario; // PRENDO IL RESTO DELLA DIVISIONE PER 2 DEL NUMERO DECIMALE IMMESSO (che sarà 0 o 1) E LO AGGIUNGO ALL'INIZIO DELLA STGINGA numeroBinario
+									numeroDecimale = Math.floor(numeroDecimale / 2); // DIVIDO PER DUE IL NUMERO DECIMALE IMMESSO E LO ARROTONDO SEMPRE PER DIFETTO
+								}
+								
+							}
+							
+							numeroBinario = numeroBinario.padStart(8, "0"); // RITORNO IL numeroBinario E AGGIUNGO DEGLI 0 ALLA STRINGA numeroBinario
+							
+						} else { // SE IL NUMERO IMMESSO SFORA L'INTERVALLO 0 - 255
+							window.alert("Numero non valido! Inserisci un numero compreso tra 0 e 255."); // MOSTRA UNA FINESTRA DI ALLERTA
+						}
+					}
+				} else if (numeroDecimale === "") { // ALTRIMENTI, SE NON VIENE IMMESSO NESSUN NUMERO (e periò è una stringa vuota)
+					window.alert("Inserisci un numero!"); // MOSTRA UNA FINESTRA DI ALLERTA
+				}
+				
+				document.getElementById("numeroBinario").value = numeroBinario; // RITORNA IN OUTPUT IN RISULTATO DEL NUMERO BINARIO (.value perché prende il valore da un tag <input>)
+				
+			}
+			
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/3AIN/Esercizi TPS JavaScript Misti/ConversioneDecimaleEsadecimale.html b/3AIN/Esercizi TPS JavaScript Misti/ConversioneDecimaleEsadecimale.html
new file mode 100644
index 0000000..8c6cb64
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/ConversioneDecimaleEsadecimale.html	
@@ -0,0 +1,59 @@
+<html>
+
+<!--
+Nome: Mario
+Cognome: Montanari
+-->
+
+	<head>
+		<link rel="icon" href="itisnullobaldiniravenna.jpg" />
+		<link rel="stylesheet" href="styleConversioneDecimaleEsadecimale.css" />
+		<title>Conversione da decimale a esidecimale</title>
+	</head>
+	<body>
+		<h1>Numero in Base 10:</h1>
+		<input type="text" id="numeroDecimale" placeholder="Inserisci un numero decimale tra 0 e 255" /></br>
+		<button onclick="conversioneEsadecimale()">Converti in base 16</button></br></br>
+		<input id="numeroEsadecimale" disabled />
+		<script>
+		
+			function conversioneEsadecimale() {
+				let numeroDecimale = document.getElementById("numeroDecimale").value;
+				let numeroEsadecimale = "";
+				
+				if (numeroDecimale !== "") {
+					if (numeroDecimale >= 0 && numeroDecimale <= 255) {
+						if (numeroDecimale === 0) {
+							numeroEsadecimale = "0";
+						}
+						while (numeroDecimale > 0) {
+						let restoEsadecimale = numeroDecimale % 16;
+							if (restoEsadecimale === 10) {
+								restoEsadecimale = "A";
+							} else if (restoEsadecimale === 11) {
+								restoEsadecimale = "B";
+							} else if (restoEsadecimale === 12) {
+								restoEsadecimale = "C";
+							} else if (restoEsadecimale === 13) {
+								restoEsadecimale = "D";
+							} else if (restoEsadecimale === 14) {
+								restoEsadecimale = "E";
+							} else if (restoEsadecimale === 15) {
+								restoEsadecimale = "F";
+							}
+							numeroEsadecimale = restoEsadecimale + numeroEsadecimale;
+							numeroDecimale = Math.floor(Number(numeroDecimale) / 16);
+						}
+					} else {
+						window.alert("Numero non valido! Inserisci un numero compreso tra 0 e 255.");
+					}
+				} else if (numeroDecimale === "") {
+					window.alert("Inserisci un numero!");
+				}
+				
+				document.getElementById("numeroEsadecimale").value = numeroEsadecimale;
+			}
+		
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/3AIN/Esercizi TPS JavaScript Misti/ConversioneDecimaleOttale.html b/3AIN/Esercizi TPS JavaScript Misti/ConversioneDecimaleOttale.html
new file mode 100644
index 0000000..7e7018c
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/ConversioneDecimaleOttale.html	
@@ -0,0 +1,46 @@
+<html>
+
+<!--
+Nome: Mario
+Cognome: Montanari
+Classe: 3AIN
+-->
+
+	<head>
+		<link rel="icon" href="itisnullobaldiniravenna.jpg" />
+		<link rel="stylesheet" href="styleConversioneDecimaleOttale.css" />
+		<title>Conversione da decimale a ottale</title>
+	</head>
+	<body>
+		<h1>Numero in Base 10:</h1>
+		<input type="text" id="numeroDecimale" placeholder="Inserisci un numero decimale tra 0 e 255" /></br>
+		<button onclick="conversioneOttale()">Converti in base 8</button></br></br>
+		<input id="numeroOttale" disabled />
+		<script>
+		
+			function conversioneOttale() {
+				let numeroDecimale = document.getElementById("numeroDecimale").value;
+				let numeroOttale = "";
+				
+				if (numeroDecimale !== "") {
+					if (numeroDecimale >= 0 && numeroDecimale <= 255) {
+						if (numeroDecimale === "0") {
+							numeroOttale = "0";
+						}
+						while (numeroDecimale > "0") {
+							numeroOttale = (numeroDecimale % 8) + numeroOttale;
+							numeroDecimale = Math.floor(numeroDecimale / 8);
+						}
+					} else {
+						window.alert("Numero non valido! Inserisci un numero compreso tra 0 e 255.");
+					}
+				} else if (numeroDecimale === "") {
+					window.alert("Inserisci un numero!");
+				}
+				
+				document.getElementById("numeroOttale").value = numeroOttale;
+			}
+		
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/3AIN/Esercizi TPS JavaScript Misti/ConversioniConRadio.html b/3AIN/Esercizi TPS JavaScript Misti/ConversioniConRadio.html
new file mode 100644
index 0000000..9d68b57
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/ConversioniConRadio.html	
@@ -0,0 +1,121 @@
+<html>
+
+<!--
+Nome: Mario
+Cognome: Montanari
+Classe: 3AIN
+-->
+
+	<head>
+		<link rel="icon" href="itisnullobaldiniravenna.jpg" />
+		<link rel="stylesheet" href="styleConversioniConRadio.css" />
+		<title>Conversioni numeriche</title>
+	</head>
+	<body>
+		<h1>Conversioni tra basi numeriche</h1>
+		<input type="text" id="numeroDecimale" placeholder="Inserisci un numero decimale tra 0 e 255"/></br>
+		<input type="radio" id="numeroBinario" name="tipoConversione" value="binario" />
+		<label for="numeroBinario">Conversione binaria</label></br>
+		<input type="radio" id="numeroOttale" name="tipoConversione" value="ottale" />
+		<label for="numeroOttale">Conversione ottale</label></br>
+		<input type="radio" id="numeroEsadecimale" name="tipoConversione" value="esadecimale" />
+		<label for="numeroEsadecimale">Conversione esadecimale</label></br>
+		<button onclick="mostraScelta()">Converti</button></br></br>
+		<p id="scelta"></p>
+		<script>			
+			function aggiornaPlaceholder() {
+				if (document.getElementById("C2").checked) {
+					document.getElementById("numeroDecimale").placeholder = "Inserisci un numero decimale tra -128 e 127";
+				} else {
+					document.getElementById("numeroDecimale").placeholder = "Inserisci un numero decimale tra 0 e 255";
+				}
+			}
+				
+			function conversioneBinario() {
+				let numeroDecimale = document.getElementById("numeroDecimale").value;
+				let numeroBinario = "";
+				if (numeroDecimale !== "") {
+					if (numeroDecimale >= 0 && numeroDecimale <= 255) {
+						if (numeroDecimale === 0) {
+							numeroBinario = "0";
+						}
+						while (numeroDecimale > 0) {
+							numeroBinario = (numeroDecimale % 2) + numeroBinario;
+							numeroDecimale = Math.floor(numeroDecimale / 2);
+						}
+					} else {
+						window.alert("Numero non valido! Inserisci un numero compreso tra 0 e 255.");
+					}
+				} else if (numeroDecimale === "") {
+					window.alert("Inserisci un numero!");
+				}
+				return numeroBinario.padStart(8, "0");
+			}
+				
+			function conversioneOttale() {
+				let numeroDecimale = document.getElementById("numeroDecimale").value;
+				let numeroBinario = "";				
+				if (numeroDecimale !== "") {
+					if (numeroDecimale >= 0 && numeroDecimale <= 255) {
+						if (numeroDecimale === 0) {
+							numeroBinario = "0";
+						}
+						while (numeroDecimale > 0) {
+							numeroBinario = (numeroDecimale % 8) + numeroBinario;
+							numeroDecimale = Math.floor(numeroDecimale / 8);
+						}
+					} else {
+						window.alert("Numero non valido! Inserisci un numero compreso tra 0 e 255.");
+					}
+				} else if (numeroDecimale === "") {
+					window.alert("Inserisci un numero!");
+				}
+				return numeroBinario;
+			}
+				
+			function conversioneEsadecimale() {
+				let numeroDecimale = document.getElementById("numeroDecimale").value;
+				let numeroEsadecimale = "";
+				
+				if (numeroDecimale !== "") {
+					if (numeroDecimale >= 0 && numeroDecimale <= 255) {
+						if (numeroDecimale === 0) {
+							numeroEsadecimale = "0";
+						}
+						while (numeroDecimale > 0) {
+						let restoEsadecimale = numeroDecimale % 16;
+							if (restoEsadecimale === 10) {
+								restoEsadecimale = "A";
+							} else if (restoEsadecimale === 11) {
+								restoEsadecimale = "B";
+							} else if (restoEsadecimale === 12) {
+								restoEsadecimale = "C";
+							} else if (restoEsadecimale === 13) {
+								restoEsadecimale = "D";
+							} else if (restoEsadecimale === 14) {
+								restoEsadecimale = "E";
+							} else if (restoEsadecimale === 15) {
+								restoEsadecimale = "F";
+							}
+							numeroEsadecimale = restoEsadecimale + numeroEsadecimale;
+							numeroDecimale = Math.floor(Number(numeroDecimale) / 16);
+						}
+					} else {
+						window.alert("Numero non valido! Inserisci un numero compreso tra 0 e 255.");
+					}
+				} else if (numeroDecimale === "") {
+					window.alert("Inserisci un numero!");
+				}
+				return numeroEsadecimale;
+			}
+				
+			function mostraScelta(){
+				let scelta = "";
+				if (document.getElementById('numeroBinario').checked) scelta = conversioneBinario(numeroBinario);
+				if (document.getElementById('numeroOttale').checked) scelta = conversioneOttale(numeroOttale);
+				if (document.getElementById('numeroEsadecimale').checked) scelta = conversioneEsadecimale(numeroEsadecimale);
+				return document.getElementById("scelta").innerText = scelta;
+			}
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/3AIN/Esercizi TPS JavaScript Misti/Decimale a Binario-Ottale-Esadecimale.html b/3AIN/Esercizi TPS JavaScript Misti/Decimale a Binario-Ottale-Esadecimale.html
new file mode 100644
index 0000000..75ff3fc
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/Decimale a Binario-Ottale-Esadecimale.html	
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Convertitore Base 10 a Base 2, 8, 16</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 30px;
+        }
+        input, button {
+            padding: 10px;
+            margin: 10px 0;
+        }
+        label {
+            font-weight: bold;
+        }
+        .result {
+            margin-top: 20px;
+        }
+    </style>
+</head>
+<body>
+
+    <h1>Convertitore Base 10 a Base 2, 8, 16</h1>
+
+    <label for="num">Inserisci un numero in base 10:</label>
+    <input type="number" id="num" required>
+
+    <button onclick="convert()">Converti</button>
+
+    <div class="result">
+        <p><strong>Base 2:</strong> <span id="binaryResult"></span></p>
+        <p><strong>Base 8:</strong> <span id="octalResult"></span></p>
+        <p><strong>Base 16:</strong> <span id="hexResult"></span></p>
+    </div>
+
+    <script>
+        function convert() {
+            // Ottieni il numero in base 10 inserito
+            let num = parseInt(document.getElementById("num").value);
+
+            // Funzione per convertire in base 2
+            function toBinary(n) {
+                let binary = '';
+                while (n > 0) {
+                    binary = (n % 2) + binary;
+                    n = Math.floor(n / 2);
+                }
+                return binary === '' ? '0' : binary;
+            }
+
+            // Funzione per convertire in base 8
+            function toOctal(n) {
+                let octal = '';
+                while (n > 0) {
+                    octal = (n % 8) + octal;
+                    n = Math.floor(n / 8);
+                }
+                return octal === '' ? '0' : octal;
+            }
+
+            // Funzione per convertire in base 16
+            function toHex(n) {
+                const hexChars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'];
+                let hex = '';
+                while (n > 0) {
+                    hex = hexChars[n % 16] + hex;
+                    n = Math.floor(n / 16);
+                }
+                return hex === '' ? '0' : hex;
+            }
+
+            // Esegui le conversioni
+            let binaryResult = toBinary(num);
+            let octalResult = toOctal(num);
+            let hexResult = toHex(num);
+
+            // Mostra i risultati
+            document.getElementById("binaryResult").textContent = binaryResult;
+            document.getElementById("octalResult").textContent = octalResult;
+            document.getElementById("hexResult").textContent = hexResult;
+        }
+    </script>
+
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS JavaScript Misti/Decimale a Binario.html b/3AIN/Esercizi TPS JavaScript Misti/Decimale a Binario.html
new file mode 100644
index 0000000..0867036
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/Decimale a Binario.html	
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Dec/Bin conversione</title>
+    </head>
+
+    <body>
+        <h3>Convertitore Decimale / Binario</h3>
+
+        Valore decimale:<br>
+        <input id="input" placeholder="Inserire valore (0 / 255)"><br>
+        <br>
+
+        C2<br>
+        <input id="checkbox" type="checkbox" onclick="checkBox()"><br>
+        <br>
+
+        <button onclick="converti(document.getElementById('input').value)">Converti in binario</button>
+
+        <p id="c2visual">Non in C2:</p>
+        <p id="result"></p>
+    </body>
+
+    <script>    
+        function checkBox(){
+            if(document.getElementById("checkbox").checked){
+                document.getElementById("c2visual").innerHTML="In C2:"
+                document.getElementById("input").placeholder="Inserire valore (-127 / 127)"
+            }
+            else{
+                document.getElementById("c2visual").innerHTML="Non in C2:"
+                document.getElementById("input").placeholder="Inserire valore (0 / 255)"
+            }
+        }
+
+        function converti(n){
+            let bit2 = ""
+            let bit = ""
+            
+            if(document.getElementById("checkbox").checked && n<0){
+                
+                let segno = "0"
+                if(n<0){
+                    segno = "1"
+                    n *= -1
+                }
+                for(let i = 0; i < 7; i++){
+                    if(n%2 === 0){
+                        bit += 1
+                    }
+                    else{
+                        bit += 0
+                    }
+                    if(n%2){
+                        n -= 1
+                    }
+                    n /=2
+                }
+                let inverti = bit.split('').reverse()
+                
+               for(let j=6; j>=0; j--){
+                    /*if(bit[j] === 0){*/
+                        bit2[j] = 1
+                        /*break
+                    }*/
+                }
+                bit = inverti.join('');
+                /*for(let j=6; j>=0; j--){
+                    if(bit.charAt(j) === 0){
+                        bit.charAt(j) = 1
+                        break
+                    }
+                }*/
+                document.getElementById("result").innerHTML = segno
+                document.getElementById("result").innerHTML += bit
+            }
+            else if(!document.getElementById("checkbox").checked && n<0){
+                document.getElementById("c2visual").innerHTML= "ERRORE!"
+                document.getElementById("result").innerHTML = "Non è possibile convertire un numero negativo senza Complemento a 2"
+            }
+            else{
+                for(let i = 0; i < 8; i++){
+                    bit += n % 2
+                    if(n%2){
+                        n -= 1
+                    }
+                    n /=2
+                }
+                let inverti = bit.split('').reverse().join  ('');
+                document.getElementById("result").innerHTML = inverti
+            }
+        }
+    </script>
+</html>
\ No newline at end of file
diff --git a/3AIN/Esercizi TPS JavaScript Misti/Esempio radioButton.html b/3AIN/Esercizi TPS JavaScript Misti/Esempio radioButton.html
new file mode 100644
index 0000000..8bf0378
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/Esempio radioButton.html	
@@ -0,0 +1,26 @@
+<html>
+<!--Patuelli Pietro-->
+<head>
+</head>
+<body>
+<input type="radio" id="Auto" name="tipoVeicolo" value="Auto" checked>
+  <label for="Auto">Auto</label><br>
+  <input type="radio" id="Moto" name="tipoVeicolo" value="Moto" >
+  <label for="Moto">Moto</label><br>
+  <input type="radio" id="Monopattino" name="tipoVeicolo" value="Monopattino" >
+  <label for="Monopattino">Monopattino</label><br>
+ 
+  <button onclick="document.getElementById('Scelta').innerHTML=mostraScelta()">CLICCAMI</button><br>
+  <p id="Scelta"></p>
+  <script>
+  function mostraScelta(){
+  /*IN QUESTO CASO DECIDO DI ACCEDERE DIRETTAMENTE ALLA PAGINA*/
+  let scelta;
+  if (document.getElementById('Auto').checked) scelta="HAI SCELTO AUTO";
+  if (document.getElementById('Moto').checked) scelta="HAI SCELTO MOTO";
+  if (document.getElementById('Monopattino').checked) scelta="HAI SCELTO MONOPATTINO";
+  return scelta;
+  }
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/3AIN/Esercizi TPS JavaScript Misti/Esercizio2Stringhe.html b/3AIN/Esercizi TPS JavaScript Misti/Esercizio2Stringhe.html
new file mode 100644
index 0000000..3d6186b
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/Esercizio2Stringhe.html	
@@ -0,0 +1,69 @@
+<!--
+AUTORE: Manuel Vichi 3^AIN
+Esercizio 2 Stringhe: comparazione di due stringhe
+-->
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Confronto Stringhe</title>
+    <style>
+        textarea {
+            width: 100%;
+            height: 100px;
+            margin-bottom: 10px;
+        }
+        button {
+            padding: 10px;
+            font-size: 16px;
+        }
+        #result {
+            margin-top: 20px;
+            font-size: 18px;
+        }
+    </style>
+</head>
+<body>
+    <h1>Confronto stringhe</h1>
+    <textarea id="text1" placeholder="Inserisci la prima stringa"></textarea><br>
+    <textarea id="text2" placeholder="Inserisci la seconda stringa"></textarea><br>
+    <button onclick="confrontaStringhe()">Confronta</button>
+    <div id="result"></div>
+    <script>
+        function confrontaStringhe() {
+            const text1 = document.getElementById('text1').value;
+            const text2 = document.getElementById('text2').value;
+            // Conta i vari caratteri
+            const count1 = contaCaratteri(text1);
+            const count2 = contaCaratteri(text2);
+            let risultato = true;
+            // Controlla se le due stringhe hanno gli stessi caratteri
+            for (let char in count1) {
+                if (count1[char] !== count2[char]) {
+                    risultato = false;
+                    break;
+                }
+            }
+            // Controlla se ogni carattere che è presente in count2 è anche presente in count1
+            for (let char in count2) {
+                if (!(char in count1)) {
+                    risultato = false;
+                    break;
+                }
+            }
+            document.getElementById('result').innerText = risultato ? 'Le stringhe hanno la stessa distribuzione di caratteri.' : 'Le stringhe non hanno la stessa distribuzione di caratteri.';
+        }
+        function contaCaratteri(str) {
+            // Rimuovi tutto tranne le lettere (case-insensitive)
+            const cleanedStr = str.replace(/[^a-zA-Z]/g, '').toLowerCase();
+            const count = {};
+            // Conta la frequenza dei caratteri
+            for (let char of cleanedStr) {
+                count[char] = (count[char] || 0) + 1; // Se è la prima volta che il carattere viene incontrato, imposta zero. In tutti i casi infine somma 1 al valore precedentemente trovato.
+            }
+            return count;
+        }
+    </script>
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS JavaScript Misti/EsercizioStringhe.html b/3AIN/Esercizi TPS JavaScript Misti/EsercizioStringhe.html
new file mode 100644
index 0000000..88a6804
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/EsercizioStringhe.html	
@@ -0,0 +1,77 @@
+<!--
+AUTORE: Manuel Vichi 3^AIN
+Esercizio 1 Stringhe: conta le occorrenze dei vari caratteri e le restituisce in una tabella
+-->
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Conta Occorrenze Lettere</title>
+    <style>
+        table {
+            border-collapse: collapse;
+            width: 25%;
+        }
+        table, th, td {
+            border: 1px solid black;
+        }
+        th, td {
+            text-align: center;
+        }
+    </style>
+</head>
+<body>
+    <h1>Conta le Occorrenze delle Lettere</h1>
+    <label for="inputString">Inserisci una stringa:</label>
+    <br>
+    <input type="text" id="inputString" placeholder="Scrivi qui...">
+    <br>
+    <button onclick="contaOccorrenze()">Conta Occorrenze</button>
+    <h2>Occorrenze delle Lettere</h2>
+    <table id="letterTable">
+        <thead>
+            <tr>
+                <th>Lettera</th>
+                <th>Occorrenze</th>
+            </tr>
+        </thead>
+        <tbody>
+        </tbody>
+    </table>
+    <script>
+        function contaOccorrenze() {
+            const inputString = document.getElementById('inputString').value.toLowerCase();
+            const occorrenze = {};
+            // Memorizza le occorrenze delle lettere in un array
+            var num = 0;
+            for (let char of inputString) {
+                if (char >= 'a' && char <= 'z') {
+                    occorrenze[char] = (occorrenze[char] || 0) + 1;
+                    num++;
+                }
+            }
+            //Controlla se la stringa è vuota
+            if (num == 0) {
+                alert("La stringa è vuota, oppure contiene caratteri che non sono lettere.");
+                return;
+            }
+            const tableBody = document.getElementById('letterTable').getElementsByTagName('tbody')[0]; // Ottiene le righe su cui lavorare
+            tableBody.innerHTML = ''; // Inizializzazione vuota
+            for (let letter = 'a'.charCodeAt(0); letter <= 'z'.charCodeAt(0); letter++) {
+                const letterChar = String.fromCharCode(letter); // Controlla le occorrenze di ogni lettera dell'alfabeto
+                //console.log(letterChar);
+                if (occorrenze[letterChar]) {
+                    const row = tableBody.insertRow(); // Inserisce una riga
+                    // Imposta la lettera nella colonna 0 della riga
+                    const cellLetter = row.insertCell(0);
+                    cellLetter.textContent = letterChar.toUpperCase();
+                    // Imposta il numero di occorrenze nella colonna 1 della riga
+                    const cellOccorrenze = row.insertCell(1);
+                    cellOccorrenze.textContent = occorrenze[letterChar];
+                }
+            }
+        }
+    </script>
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS JavaScript Misti/GeneratorePassword.html b/3AIN/Esercizi TPS JavaScript Misti/GeneratorePassword.html
new file mode 100644
index 0000000..1fa8b87
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/GeneratorePassword.html	
@@ -0,0 +1,171 @@
+<!--
+AUTORE: Manuel Vichi 3^AIN
+Generatore di Password
+-->
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Generatore di Password</title>
+    <style>
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: #121212;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            color: #e0e0e0;
+            /*Disabilita la selezione del body*/
+            -webkit-user-select: none;
+            -webkit-touch-callout: none;
+            -moz-user-select: none;
+            -ms-user-select: none;
+            user-select: none;
+        }
+        .container {
+            background-color: #1f1f1f;
+            padding: 30px;
+            border-radius: 8px;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
+            width: 100%;
+            max-width: 400px;
+            text-align: left;
+        }
+        h2 {
+            font-size: 24px;
+            margin-bottom: 20px;
+            color: #ecf0f1;
+        }
+        label {
+            font-size: 16px;
+            display: block;
+            margin-bottom: 10px;
+            color: #bdc3c7;
+        }
+        input[type="checkbox"],
+        button {
+            margin-bottom: 15px;
+            padding: 12px 15px;
+            font-size: 16px;
+            border: 1px solid #444;
+            border-radius: 5px;
+            width: 100%;
+            box-sizing: border-box;
+            background-color: #2c3e50;
+            color: #ecf0f1;
+        }
+        input[type="number"] {
+            margin-bottom: 15px;
+            padding: 12px 15px;
+            font-size: 16px;
+            border: 1px solid #444;
+            border-radius: 5px;
+            width: 20%;
+            box-sizing: border-box;
+            background-color: #2c3e50;
+            color: #ecf0f1;
+        }
+        button {
+            background-color: #3498db;
+            color: white;
+            cursor: pointer;
+            border: none;
+            font-weight: bold;
+            transition: background-color 0.3s ease;
+        }
+        button:hover {
+            background-color: #2980b9;
+        }
+        .checkbox-container {
+            text-align: left;
+            margin-bottom: 20px;
+        }
+        .checkbox-container label {
+            font-size: 14px;
+            color: #bdc3c7;
+        }
+        .checkbox-container input {
+            width: auto;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <center><h1>Generatore Password</h1></center>
+        <br>
+        <label for="length">Lunghezza della password: <input type="number" id="length" min="4" max="100" value="12"></label>
+        <center>
+        <div class="checkbox-container">
+            <label for="includeNumbers">
+                <input type="checkbox" id="includeNumbers"> Includi numeri
+            </label><br>
+            <label for="includeUppercase">
+                <input type="checkbox" id="includeUppercase"> Includi lettere maiuscole
+            </label><br>
+            <label for="includeLowercase">
+                <input type="checkbox" id="includeLowercase" checked> Includi lettere minuscole
+            </label><br>
+            <label for="includeSpecial">
+                <input type="checkbox" id="includeSpecial"> Includi caratteri speciali
+            </label>
+        </div>
+        <button onclick="generatePassword()">Genera Password</button>
+        </center>
+        <h6>Copyright &copy Manuel Vichi</h6>
+    </div>
+    <script>
+        function generatePassword() {
+            const length = parseInt(document.getElementById('length').value);
+            const includeNumbers = document.getElementById('includeNumbers').checked;
+            const includeUppercase = document.getElementById('includeUppercase').checked;
+            const includeLowercase = document.getElementById('includeLowercase').checked;
+            const includeSpecial = document.getElementById('includeSpecial').checked;
+            // Controlla se l'utente ha selezionato almeno un tipo di caratteri
+            if (!includeNumbers && !includeUppercase && !includeLowercase && !includeSpecial) {
+                alert("Per il corretto funzionamento del generatore di password è necessario che almeno un tipo di caratteri sia incluso!");
+                return;
+            }
+            // Controlla se l'utente ha chiesto una password troppo lunga (max 100 caratteri) o troppo corta (meno di 4 caratteri)
+            if (length > 100) {
+                alert("Per il corretto funzionamento del generatore di password la password non può essere più lunga di 100 caratteri!");
+                return;
+            }
+            else if (length < 4) {
+                alert("Per il corretto funzionamento del generatore di password la password non può essere meno lunga di 4 caratteri!");
+                return;
+            }
+            // Dichiara la variabile contenitore dei caratteri
+            var characterDatabase = '';
+            // Dichiara degli insiemi di caratteri per ogni tipo
+            if (includeLowercase) characterDatabase += 'abcdefghijklmnopqrstuvwxyz';
+            if (includeUppercase) characterDatabase += 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+            if (includeNumbers) characterDatabase += '0123456789';
+            if (includeSpecial) characterDatabase += '!,-.#$%^&*()_+=<>?èé[]{}§ùàòç@°|';
+            // Dichiara la stringa che conterrà la password
+            var password = '';
+            // Costruisce la password
+            for (let i = 0; i < length; i++) {
+                const randomIndex = Math.floor(Math.random() * characterDatabase.length);
+                password += characterDatabase[randomIndex];
+            }
+            // Restituisce la password in una finestra di dialogo del browser per motivi di sicurezza
+            alert(`Password generata:\n${password}\n\nNOTA: Non sarà possibile per motivi di sicurezza rivederla di nuovo, quindi salvarla in un posto sicuro.`);
+        }
+        // Disabilita il tasto destro
+        document.oncontextmenu = document.body.oncontextmenu = function() {
+            document.write("Non sei autorizzato a fare tasto destro, contatta l'amministratore del sito.");
+            return false;
+        }
+        // Disabilita le funzioni di taglia e copia del browser
+        $(document).ready(function() {
+            $('body').bind('cut copy', function(e) {
+              e.preventDefault();
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS JavaScript Misti/addition_of_binaries.html b/3AIN/Esercizi TPS JavaScript Misti/addition_of_binaries.html
new file mode 100644
index 0000000..9e35b73
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/addition_of_binaries.html	
@@ -0,0 +1,94 @@
+<html>
+
+<!--
+Nome: Mario
+Cognome: Montanari
+Classe: 3AIN
+-->
+
+	<head>
+		<link rel="stylesheet" href="style_addition_of_binaries.css" />
+		<link rel="icon" href="itis_nullo_baldini_ravenna.jpg" />
+		<title>Calcolo della Somma Binaria</title>
+	</head>
+	
+	<body>
+		<div class="container">
+			<h1>Somma tra due numeri binari</h1>
+			
+			<p>Primo numero binario: <input type="text" id="num1" placeholder="Inserisci un numero binario" /></p>
+			
+			<p>Secondo numero binario: <input type="text" id="num2" placeholder="Inserisci un numero binario" /></p>
+			
+			<button onclick="sommaBin()">Calcola la Somma Binaria</button>
+			
+			<h2>Risultato:</h2>
+			<p id="sommaBin">Somma binaria: </p>
+		</div>
+		
+		<div class="footer">
+			<small>Calcolo della Somma tra due numeri binari di lunghezza variabile, &copy 2025, Mario Montanari, 3AIN</small>
+		</div>
+		
+		<script>
+			function numeriValidi(num) {
+				for (let i = 0; i < num.length; i++) {
+					if (num[i] !== "0" && num[i] !== "1") {
+						window.alert("Numeri immessi non validi!");
+						return false;
+					}
+				}
+				if (num === "") {
+						window.alert("Inserisci tutti i campi!");
+						return false;
+					}
+				return true;
+			}
+			
+			function sommaBin() {
+				let num1 = document.getElementById("num1").value;
+				let num2 = document.getElementById("num2").value;
+				
+				if (!numeriValidi(num1) || !numeriValidi(num2)) {
+					return;
+				}
+				
+				// let dec1 = parseInt(num1, 2);
+				let bin1 = document.getElementById("num1").value;
+				let dec1 = 0;
+				let len1 = bin1.length;
+				for (let i = 0; i < len1; i++) {
+					let bit1 = parseInt(bin1[i]);
+					let pot1 = len1 - i - 1;
+					dec1 = dec1 + (bit1 * Math.pow(2, pot1));
+				}
+								
+				// let dec2 = parseInt(num2, 2);
+				let bin2 = document.getElementById("num2").value;
+				let dec2 = 0;
+				let len2 = bin2.length;
+				for (let i = 0; i < len2; i++) {
+					let bit2 = parseInt(bin2[i]);
+					let pot2 = len2 - i - 1;
+					dec2 = dec2 + (bit2 * Math.pow(2, pot2));
+				}
+				
+				let sommaDec = dec1 + dec2;
+				
+				let sommaBin = "";
+				
+				// let sommaBin = sommaDec.toString(2);
+				while (sommaDec > 0) {
+					sommaBin = (sommaDec % 2) + sommaBin;
+					sommaDec = Math.floor(sommaDec / 2);
+				}
+				
+				console.log(num1);
+				console.log(num2);
+				console.log(sommaBin);
+				document.getElementById("sommaBin").innerHTML = "Somma binaria: " + sommaBin;
+			}
+		</script>
+	</body>
+	
+</html>
\ No newline at end of file
diff --git a/3AIN/Esercizi TPS JavaScript Misti/esercizio2.html b/3AIN/Esercizi TPS JavaScript Misti/esercizio2.html
new file mode 100644
index 0000000..69d5c0a
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/esercizio2.html	
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Verifica Bit di parità</title>
+    </head>
+    <body>
+        <h1>Verifica Bit di parità</h1>
+        <input type="number" id="numero">
+        <br>
+        <button onclick="calcola();">Calcola</button>
+        <hr>
+        <h1>Risultato</h1>
+        <p id="risultato">...</p>
+        <script>
+            function calcola() {
+                let numero = document.getElementById("numero").value;
+                let contatore_uni = 0;
+                for (let i = 0; i < numero.length; i++) {
+                    if (numero[i] == 1) {
+                        contatore_uni++;
+                    }
+                }
+                // SOLUZIONE SEMPLICE
+                if (contatore_uni == 1 || contatore_uni == 3 || contatore_uni == 5 || contatore_uni == 7) {
+                    document.getElementById("risultato").innerHTML = "Bit di parità: 1";
+                } else {
+                    document.getElementById("risultato").innerHTML = "Bit di parità: 0";
+                }
+                // SOLUZIONE PIÙ CORRETTA
+                let resto = contatore_uni % 2;
+                if (resto == 1) {
+                    // dispari
+                    document.getElementById("risultato").innerHTML = "Bit di parità: 1";
+                } else {
+                    // pari
+                    document.getElementById("risultato").innerHTML = "Bit di parità: 0";
+                }
+            }
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/3AIN/Esercizi TPS JavaScript Misti/parity_code.html b/3AIN/Esercizi TPS JavaScript Misti/parity_code.html
new file mode 100644
index 0000000..9b5d51e
--- /dev/null
+++ b/3AIN/Esercizi TPS JavaScript Misti/parity_code.html	
@@ -0,0 +1,107 @@
+<html>
+
+<!--
+Nome: Mario
+Cognome: Montanari
+-->
+
+	<head>
+		<link rel="stylesheet" href="style_parity_code.css">
+		<link rel="icon" href="itis_nullo_baldini_ravenna.jpg" />
+		<title>Calcolo del Codice di Parità</title>
+	</head>
+	
+	<body>
+		<div class="container">
+			<h1>Calcolo del Codice di Parità tra due numeri binari di 8 bit</h1>
+			
+			<p>I due numeri che inserirai qui sotto dovranno essere lunghi obbligatoriamente 8 bit.</p>
+			
+			<p>Primo numero binario: <input type="text" id="binario1" placeholder="Inserisci un numero binario"></p>
+			
+			<p>Secondo numero binario: <input type="text" id="binario2" placeholder="Inserisci un numero binario"></p>
+			
+			<button onclick="calcolaParita()">Calcola il Codice di Parità</button>
+			
+			<h2>Risultato:</h2>
+			<p id="risultato">Bit di parità orizzontale per il primo numero binario:</br>Bit di parità orizzontale per il secondo numero binario</br></br>Byte di parità verticale:</br></br>Parità del primo numero binario:</br>Parità del secondo numero binario:</p>
+		</div></br>
+		
+		<div class="footer">
+			<small>Calcolo del Codice di Parità tra due numeri binari obbligatoriamente di 8 bit, &copy 2025, Mario Montanari, 3AIN</small>
+		</div>
+		
+		<script>
+		function calcolaParita() {
+			let binario1 = document.getElementById('binario1').value;
+			let binario2 = document.getElementById('binario2').value;
+			
+			function isBinary(binario) {
+				for (let i = 0; i < binario.length; i++) {
+					if (
+						binario[i] !== "0" &&
+						binario[i] !== "1"
+					) {
+						return false;
+					}
+				}
+				return true;
+			}
+			
+			if (
+				!isBinary(binario1) ||
+				!isBinary(binario2) ||
+				binario1.length !== 8 ||
+				binario2.length !== 8
+			) {
+				window.alert("Errore! Inserisci un numero binario di 8 bit.");
+				return;
+			}
+			
+			function calcolaCodiceParitaRiga(binario) {
+				let conteggio = 0;
+				for (let i = 0; i < binario.length; i++) {
+					if (binario[i] === "1") {
+						conteggio++;
+					}
+				}
+				return (conteggio % 2 === 0) ? "0" : "1";
+			}
+			
+			let paritaRiga1 = calcolaCodiceParitaRiga(binario1);
+			let paritaRiga2 = calcolaCodiceParitaRiga(binario2);
+
+			function calcolaCodiceParitaColonna(binario1, binario2) {
+				let colonnaParita = "";
+				for (let i = 0; i < 8; i++) {
+					let bit1 = binario1[i];
+					let bit2 = binario2[i];
+					let sommaBit = (bit1 === "1" ? 1 : 0) + (bit2 === "1" ? 1 : 0);
+					colonnaParita = colonnaParita + (sommaBit % 2 === 0 ? "0" : "1");
+				}
+				return colonnaParita;
+			}
+			
+			let paritaColonne = calcolaCodiceParitaColonna(binario1, binario2);
+			
+			let totaleBit1 = (binario1).split("").filter(bit => bit === "1").length;
+			let paritaBit1 = totaleBit1 % 2 === 0 ? "Parità Pari" : "Parità Dispari";
+			
+			let totaleBit2 = (binario2).split("").filter(bit => bit === "1").length;
+			let paritaBit2 = totaleBit2 % 2 === 0 ? "Parità Pari" : "Parità Dispari";
+			
+			console.log(binario1);
+			console.log(binario2);
+			console.log(paritaColonne);
+			
+			document.getElementById("risultato").innerText =
+				`Bit di parità orizzontale per il primo numero binario: ${paritaRiga1}\n` +
+				`Bit di parità orizzontale per il secondo numero binario: ${paritaRiga2}\n\n` +
+				`Byte di parità verticale: ${paritaColonne}\n\n` +
+				`Parità del primo numero binario: ${paritaBit1}\n` +
+				`Parità del secondo numero binario: ${paritaBit2}`;
+		}
+		</script>
+	</body>
+	
+</html>
\ No newline at end of file
diff --git a/3AIN/Esercizi TPS Vichi per 2025-04-05/Esercizio2Stringhe.html b/3AIN/Esercizi TPS Vichi per 2025-04-05/Esercizio2Stringhe.html
new file mode 100644
index 0000000..3d6186b
--- /dev/null
+++ b/3AIN/Esercizi TPS Vichi per 2025-04-05/Esercizio2Stringhe.html	
@@ -0,0 +1,69 @@
+<!--
+AUTORE: Manuel Vichi 3^AIN
+Esercizio 2 Stringhe: comparazione di due stringhe
+-->
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Confronto Stringhe</title>
+    <style>
+        textarea {
+            width: 100%;
+            height: 100px;
+            margin-bottom: 10px;
+        }
+        button {
+            padding: 10px;
+            font-size: 16px;
+        }
+        #result {
+            margin-top: 20px;
+            font-size: 18px;
+        }
+    </style>
+</head>
+<body>
+    <h1>Confronto stringhe</h1>
+    <textarea id="text1" placeholder="Inserisci la prima stringa"></textarea><br>
+    <textarea id="text2" placeholder="Inserisci la seconda stringa"></textarea><br>
+    <button onclick="confrontaStringhe()">Confronta</button>
+    <div id="result"></div>
+    <script>
+        function confrontaStringhe() {
+            const text1 = document.getElementById('text1').value;
+            const text2 = document.getElementById('text2').value;
+            // Conta i vari caratteri
+            const count1 = contaCaratteri(text1);
+            const count2 = contaCaratteri(text2);
+            let risultato = true;
+            // Controlla se le due stringhe hanno gli stessi caratteri
+            for (let char in count1) {
+                if (count1[char] !== count2[char]) {
+                    risultato = false;
+                    break;
+                }
+            }
+            // Controlla se ogni carattere che è presente in count2 è anche presente in count1
+            for (let char in count2) {
+                if (!(char in count1)) {
+                    risultato = false;
+                    break;
+                }
+            }
+            document.getElementById('result').innerText = risultato ? 'Le stringhe hanno la stessa distribuzione di caratteri.' : 'Le stringhe non hanno la stessa distribuzione di caratteri.';
+        }
+        function contaCaratteri(str) {
+            // Rimuovi tutto tranne le lettere (case-insensitive)
+            const cleanedStr = str.replace(/[^a-zA-Z]/g, '').toLowerCase();
+            const count = {};
+            // Conta la frequenza dei caratteri
+            for (let char of cleanedStr) {
+                count[char] = (count[char] || 0) + 1; // Se è la prima volta che il carattere viene incontrato, imposta zero. In tutti i casi infine somma 1 al valore precedentemente trovato.
+            }
+            return count;
+        }
+    </script>
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS Vichi per 2025-04-05/EsercizioStringhe.html b/3AIN/Esercizi TPS Vichi per 2025-04-05/EsercizioStringhe.html
new file mode 100644
index 0000000..88a6804
--- /dev/null
+++ b/3AIN/Esercizi TPS Vichi per 2025-04-05/EsercizioStringhe.html	
@@ -0,0 +1,77 @@
+<!--
+AUTORE: Manuel Vichi 3^AIN
+Esercizio 1 Stringhe: conta le occorrenze dei vari caratteri e le restituisce in una tabella
+-->
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Conta Occorrenze Lettere</title>
+    <style>
+        table {
+            border-collapse: collapse;
+            width: 25%;
+        }
+        table, th, td {
+            border: 1px solid black;
+        }
+        th, td {
+            text-align: center;
+        }
+    </style>
+</head>
+<body>
+    <h1>Conta le Occorrenze delle Lettere</h1>
+    <label for="inputString">Inserisci una stringa:</label>
+    <br>
+    <input type="text" id="inputString" placeholder="Scrivi qui...">
+    <br>
+    <button onclick="contaOccorrenze()">Conta Occorrenze</button>
+    <h2>Occorrenze delle Lettere</h2>
+    <table id="letterTable">
+        <thead>
+            <tr>
+                <th>Lettera</th>
+                <th>Occorrenze</th>
+            </tr>
+        </thead>
+        <tbody>
+        </tbody>
+    </table>
+    <script>
+        function contaOccorrenze() {
+            const inputString = document.getElementById('inputString').value.toLowerCase();
+            const occorrenze = {};
+            // Memorizza le occorrenze delle lettere in un array
+            var num = 0;
+            for (let char of inputString) {
+                if (char >= 'a' && char <= 'z') {
+                    occorrenze[char] = (occorrenze[char] || 0) + 1;
+                    num++;
+                }
+            }
+            //Controlla se la stringa è vuota
+            if (num == 0) {
+                alert("La stringa è vuota, oppure contiene caratteri che non sono lettere.");
+                return;
+            }
+            const tableBody = document.getElementById('letterTable').getElementsByTagName('tbody')[0]; // Ottiene le righe su cui lavorare
+            tableBody.innerHTML = ''; // Inizializzazione vuota
+            for (let letter = 'a'.charCodeAt(0); letter <= 'z'.charCodeAt(0); letter++) {
+                const letterChar = String.fromCharCode(letter); // Controlla le occorrenze di ogni lettera dell'alfabeto
+                //console.log(letterChar);
+                if (occorrenze[letterChar]) {
+                    const row = tableBody.insertRow(); // Inserisce una riga
+                    // Imposta la lettera nella colonna 0 della riga
+                    const cellLetter = row.insertCell(0);
+                    cellLetter.textContent = letterChar.toUpperCase();
+                    // Imposta il numero di occorrenze nella colonna 1 della riga
+                    const cellOccorrenze = row.insertCell(1);
+                    cellOccorrenze.textContent = occorrenze[letterChar];
+                }
+            }
+        }
+    </script>
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS Vichi per 2025-04-05/GeneratorePassword.html b/3AIN/Esercizi TPS Vichi per 2025-04-05/GeneratorePassword.html
new file mode 100644
index 0000000..1fa8b87
--- /dev/null
+++ b/3AIN/Esercizi TPS Vichi per 2025-04-05/GeneratorePassword.html	
@@ -0,0 +1,171 @@
+<!--
+AUTORE: Manuel Vichi 3^AIN
+Generatore di Password
+-->
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Generatore di Password</title>
+    <style>
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: #121212;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            color: #e0e0e0;
+            /*Disabilita la selezione del body*/
+            -webkit-user-select: none;
+            -webkit-touch-callout: none;
+            -moz-user-select: none;
+            -ms-user-select: none;
+            user-select: none;
+        }
+        .container {
+            background-color: #1f1f1f;
+            padding: 30px;
+            border-radius: 8px;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
+            width: 100%;
+            max-width: 400px;
+            text-align: left;
+        }
+        h2 {
+            font-size: 24px;
+            margin-bottom: 20px;
+            color: #ecf0f1;
+        }
+        label {
+            font-size: 16px;
+            display: block;
+            margin-bottom: 10px;
+            color: #bdc3c7;
+        }
+        input[type="checkbox"],
+        button {
+            margin-bottom: 15px;
+            padding: 12px 15px;
+            font-size: 16px;
+            border: 1px solid #444;
+            border-radius: 5px;
+            width: 100%;
+            box-sizing: border-box;
+            background-color: #2c3e50;
+            color: #ecf0f1;
+        }
+        input[type="number"] {
+            margin-bottom: 15px;
+            padding: 12px 15px;
+            font-size: 16px;
+            border: 1px solid #444;
+            border-radius: 5px;
+            width: 20%;
+            box-sizing: border-box;
+            background-color: #2c3e50;
+            color: #ecf0f1;
+        }
+        button {
+            background-color: #3498db;
+            color: white;
+            cursor: pointer;
+            border: none;
+            font-weight: bold;
+            transition: background-color 0.3s ease;
+        }
+        button:hover {
+            background-color: #2980b9;
+        }
+        .checkbox-container {
+            text-align: left;
+            margin-bottom: 20px;
+        }
+        .checkbox-container label {
+            font-size: 14px;
+            color: #bdc3c7;
+        }
+        .checkbox-container input {
+            width: auto;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <center><h1>Generatore Password</h1></center>
+        <br>
+        <label for="length">Lunghezza della password: <input type="number" id="length" min="4" max="100" value="12"></label>
+        <center>
+        <div class="checkbox-container">
+            <label for="includeNumbers">
+                <input type="checkbox" id="includeNumbers"> Includi numeri
+            </label><br>
+            <label for="includeUppercase">
+                <input type="checkbox" id="includeUppercase"> Includi lettere maiuscole
+            </label><br>
+            <label for="includeLowercase">
+                <input type="checkbox" id="includeLowercase" checked> Includi lettere minuscole
+            </label><br>
+            <label for="includeSpecial">
+                <input type="checkbox" id="includeSpecial"> Includi caratteri speciali
+            </label>
+        </div>
+        <button onclick="generatePassword()">Genera Password</button>
+        </center>
+        <h6>Copyright &copy Manuel Vichi</h6>
+    </div>
+    <script>
+        function generatePassword() {
+            const length = parseInt(document.getElementById('length').value);
+            const includeNumbers = document.getElementById('includeNumbers').checked;
+            const includeUppercase = document.getElementById('includeUppercase').checked;
+            const includeLowercase = document.getElementById('includeLowercase').checked;
+            const includeSpecial = document.getElementById('includeSpecial').checked;
+            // Controlla se l'utente ha selezionato almeno un tipo di caratteri
+            if (!includeNumbers && !includeUppercase && !includeLowercase && !includeSpecial) {
+                alert("Per il corretto funzionamento del generatore di password è necessario che almeno un tipo di caratteri sia incluso!");
+                return;
+            }
+            // Controlla se l'utente ha chiesto una password troppo lunga (max 100 caratteri) o troppo corta (meno di 4 caratteri)
+            if (length > 100) {
+                alert("Per il corretto funzionamento del generatore di password la password non può essere più lunga di 100 caratteri!");
+                return;
+            }
+            else if (length < 4) {
+                alert("Per il corretto funzionamento del generatore di password la password non può essere meno lunga di 4 caratteri!");
+                return;
+            }
+            // Dichiara la variabile contenitore dei caratteri
+            var characterDatabase = '';
+            // Dichiara degli insiemi di caratteri per ogni tipo
+            if (includeLowercase) characterDatabase += 'abcdefghijklmnopqrstuvwxyz';
+            if (includeUppercase) characterDatabase += 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+            if (includeNumbers) characterDatabase += '0123456789';
+            if (includeSpecial) characterDatabase += '!,-.#$%^&*()_+=<>?èé[]{}§ùàòç@°|';
+            // Dichiara la stringa che conterrà la password
+            var password = '';
+            // Costruisce la password
+            for (let i = 0; i < length; i++) {
+                const randomIndex = Math.floor(Math.random() * characterDatabase.length);
+                password += characterDatabase[randomIndex];
+            }
+            // Restituisce la password in una finestra di dialogo del browser per motivi di sicurezza
+            alert(`Password generata:\n${password}\n\nNOTA: Non sarà possibile per motivi di sicurezza rivederla di nuovo, quindi salvarla in un posto sicuro.`);
+        }
+        // Disabilita il tasto destro
+        document.oncontextmenu = document.body.oncontextmenu = function() {
+            document.write("Non sei autorizzato a fare tasto destro, contatta l'amministratore del sito.");
+            return false;
+        }
+        // Disabilita le funzioni di taglia e copia del browser
+        $(document).ready(function() {
+            $('body').bind('cut copy', function(e) {
+              e.preventDefault();
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS Vichi per 2025-04-26/Esercizio1.html b/3AIN/Esercizi TPS Vichi per 2025-04-26/Esercizio1.html
new file mode 100644
index 0000000..c74636a
--- /dev/null
+++ b/3AIN/Esercizi TPS Vichi per 2025-04-26/Esercizio1.html	
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+  <meta charset="UTF-8">
+  <title>Trova la parola più lunga in una frase</title>
+  <style>
+    body {
+      background-color: #f4f6f8;
+      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+      color: #333;
+      margin: 0;
+      padding: 40px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      -webkit-user-select: none;
+    -webkit-touch-callout: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    }
+
+    h1 {
+      color: #2c3e50;
+      margin-bottom: 20px;
+    }
+
+    textarea {
+      width: 100%;
+      max-width: 700px;
+      height: 120px;
+      padding: 15px;
+      border: 1px solid #ccc;
+      border-radius: 8px;
+      resize: vertical;
+      font-size: 16px;
+      box-shadow: 2px 2px 10px rgba(0,0,0,0.05);
+    }
+
+    button {
+      margin-top: 20px;
+      padding: 12px 24px;
+      font-size: 16px;
+      background-color: #3498db;
+      color: white;
+      border: none;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: background-color 0.3s;
+    }
+
+    button:hover {
+      background-color: #2980b9;
+    }
+
+    .result, .occurrence {
+      margin-top: 30px;
+      background-color: white;
+      padding: 20px;
+      border-radius: 10px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+      width: 100%;
+      max-width: 700px;
+    }
+
+    .occurrence ul {
+      padding-left: 20px;
+      margin-top: 10px;
+    }
+
+    .occurrence li {
+      line-height: 1.6;
+    }
+
+    @media (max-width: 768px) {
+      body {
+        padding: 20px;
+      }
+
+      textarea, .result, .occurrence {
+        width: 100%;
+      }
+    }
+  </style>
+</head>
+<body>
+  <h1>Trova la parola più lunga in una frase</h1>
+  <textarea id="textInput" placeholder="Inserisci una frase..."></textarea><br>
+  <button onclick="esercizio1()">Analizza</button>
+
+  <div class="result"><strong id="longestWordResult"></strong></div>
+  <div class="occurrence" id="wordOccurrences"></div>
+
+  <script src="esercizi.js"></script>
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS Vichi per 2025-04-26/Esercizio2.html b/3AIN/Esercizi TPS Vichi per 2025-04-26/Esercizio2.html
new file mode 100644
index 0000000..e525f31
--- /dev/null
+++ b/3AIN/Esercizi TPS Vichi per 2025-04-26/Esercizio2.html	
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+  <meta charset="UTF-8">
+  <title>Ordinatore di Numeri</title>
+  <style>
+    body {
+      font-family: 'Segoe UI', sans-serif;
+      background: linear-gradient(135deg, #f9f9f9, #e0f7fa);
+      margin: 0;
+      padding: 40px 20px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      min-height: 100vh;
+      -webkit-user-select: none;
+    -webkit-touch-callout: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    }
+
+    h1 {
+      color: #2c3e50;
+      margin-bottom: 20px;
+    }
+
+    textarea {
+      width: 100%;
+      max-width: 600px;
+      height: 120px;
+      padding: 15px;
+      font-size: 16px;
+      border-radius: 12px;
+      border: 1px solid #ccc;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+      resize: vertical;
+      background-color: #ffffff;
+      transition: border 0.3s ease;
+    }
+
+    textarea:focus {
+      border-color: #00bcd4;
+      outline: none;
+    }
+
+    button {
+      margin-top: 20px;
+      padding: 12px 30px;
+      font-size: 16px;
+      background-color: #00bcd4;
+      color: white;
+      border: none;
+      border-radius: 8px;
+      cursor: pointer;
+      box-shadow: 0 4px 10px rgba(0, 188, 212, 0.2);
+      transition: background-color 0.3s, transform 0.2s;
+    }
+
+    button:hover {
+      background-color: #0097a7;
+      transform: translateY(-2px);
+    }
+
+    #output {
+      margin-top: 30px;
+      font-size: 18px;
+      color: #333;
+      background-color: #ffffff;
+      padding: 20px;
+      border-radius: 12px;
+      max-width: 600px;
+      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
+      line-height: 1.5;
+    }
+
+    @media (max-width: 700px) {
+      textarea, #output {
+        width: 90%;
+      }
+    }
+  </style>
+</head>
+<body>
+
+  <h1>Ordina Numeri Reali</h1>
+  <textarea id="numberInput" placeholder="Inserisci numeri separati da ;"></textarea><br>
+  <button onclick="esercizio2()">Ordina</button>
+
+  <p id="output"></p>
+
+  <script src="esercizi.js"></script>
+
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS Vichi per 2025-04-26/Esercizio3.html b/3AIN/Esercizi TPS Vichi per 2025-04-26/Esercizio3.html
new file mode 100644
index 0000000..bea7819
--- /dev/null
+++ b/3AIN/Esercizi TPS Vichi per 2025-04-26/Esercizio3.html	
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+  <meta charset="UTF-8">
+  <title>Generatore di Acronimi</title>
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
+  <style>
+    * {
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: 'Montserrat', sans-serif;
+      background: #f0f4f8;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100vh;
+      -webkit-user-select: none;
+    -webkit-touch-callout: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    }
+
+    .container {
+      background: #ffffff;
+      padding: 30px 40px;
+      border-radius: 15px;
+      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+      max-width: 600px;
+      width: 100%;
+    }
+
+    h1 {
+      text-align: center;
+      color: #333;
+      margin-bottom: 20px;
+    }
+
+    textarea {
+      width: 100%;
+      height: 100px;
+      padding: 10px;
+      border: 2px solid #dce3ea;
+      border-radius: 10px;
+      resize: none;
+      font-size: 16px;
+      font-family: 'Montserrat', sans-serif;
+    }
+
+    button {
+      background-color: #4f9da6;
+      color: white;
+      padding: 12px 20px;
+      margin-top: 20px;
+      border: none;
+      border-radius: 8px;
+      cursor: pointer;
+      font-size: 16px;
+      transition: background-color 0.3s ease;
+      width: 100%;
+    }
+
+    button:hover {
+      background-color: #3d7f86;
+    }
+
+    #acronym {
+      margin-top: 20px;
+      font-size: 1.5em;
+      font-weight: 600;
+      color: #2e5e68;
+      text-align: center;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>Generatore di Acronimi</h1>
+    <textarea id="inputText" placeholder="Es: Self Contained Underwater Breathing Apparatus"></textarea>
+    <button onclick="esercizio3()">Genera Acronimo</button>
+    <div id="acronym"></div>
+  </div>
+
+  <script src="esercizi.js"></script>
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS Vichi per 2025-04-26/EsercizioOmaggio.html b/3AIN/Esercizi TPS Vichi per 2025-04-26/EsercizioOmaggio.html
new file mode 100644
index 0000000..dc7f988
--- /dev/null
+++ b/3AIN/Esercizi TPS Vichi per 2025-04-26/EsercizioOmaggio.html	
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+  <meta charset="UTF-8">
+  <title>Verifica Palindromo</title>
+  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
+  <style>
+    * {
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: 'Poppins', sans-serif;
+      background: linear-gradient(135deg, #c3ecf5, #e2d1f9);
+      margin: 0;
+      padding: 0;
+      height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      -webkit-user-select: none;
+    -webkit-touch-callout: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    }
+
+    .container {
+      background: rgba(255, 255, 255, 0.9);
+      backdrop-filter: blur(10px);
+      padding: 40px 30px;
+      border-radius: 20px;
+      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
+      width: 100%;
+      max-width: 500px;
+      text-align: center;
+    }
+
+    h1 {
+      margin-bottom: 20px;
+      color: #333;
+      font-size: 24px;
+    }
+
+    textarea {
+      width: 100%;
+      height: 100px;
+      border-radius: 10px;
+      border: 2px solid #ccc;
+      padding: 12px;
+      font-size: 16px;
+      resize: none;
+      transition: border-color 0.3s ease;
+    }
+
+    textarea:focus {
+      border-color: #7a5cf0;
+      outline: none;
+    }
+
+    button {
+      margin-top: 20px;
+      width: 100%;
+      padding: 14px;
+      background-color: #7a5cf0;
+      color: white;
+      border: none;
+      border-radius: 10px;
+      font-size: 16px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: background-color 0.3s ease;
+    }
+
+    button:hover {
+      background-color: #6547d1;
+    }
+
+    #risultato {
+      margin-top: 25px;
+      font-size: 1.2em;
+      font-weight: 600;
+      transition: all 0.3s ease;
+    }
+
+    .positivo {
+      color: #28a745;
+    }
+
+    .negativo {
+      color: #dc3545;
+    }
+  </style>
+</head>
+<body>
+<div class="container">
+  <h1>Verifica se una frase è palindroma</h1>
+  <textarea id="inputFrase" placeholder="Es: I topi non avevano nipoti"></textarea>
+  <button onclick="esercizioOmaggio()">Verifica</button>
+  <div id="risultato"></div>
+</div>
+<script src="esercizi.js"></script>
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS Vichi per 2025-04-26/esercizi.js b/3AIN/Esercizi TPS Vichi per 2025-04-26/esercizi.js
new file mode 100644
index 0000000..9fd07de
--- /dev/null
+++ b/3AIN/Esercizi TPS Vichi per 2025-04-26/esercizi.js	
@@ -0,0 +1,152 @@
+function esercizio1() {
+      const text = document.getElementById("textInput").value;
+      const words = text
+        .toLowerCase()
+        .replace(/[^\w\sàèéìòù]/g, '')
+        .split(/\s+/)
+        .filter(word => word.length > 0);
+      if (words.length === 0) {
+        document.getElementById("longestWordResult").textContent = "Nessuna parola trovata.";
+        document.getElementById("wordOccurrences").textContent = "";
+        return;
+      }
+      let longestWord = words.reduce((a, b) => (b.length > a.length ? b : a));
+      const occurrences = {};
+      for (let word of words) {
+        occurrences[word] = (occurrences[word] || 0) + 1;
+      }
+      document.getElementById("longestWordResult").textContent =
+        "🔍 Parola più lunga: " + longestWord;
+
+      let occHTML = "<h3>📊 Occorrenze delle parole:</h3><ul>";
+      for (let word in occurrences) {
+        occHTML += `<li><strong>${word}</strong>: ${occurrences[word]}</li>`;
+      }
+      occHTML += "</ul>";
+      document.getElementById("wordOccurrences").innerHTML = occHTML;
+}
+function esercizio2() {
+  const input = document.getElementById('numberInput').value;
+  const numeri = input
+    .split(';')
+    .map(n => parseFloat(n.trim()))
+    .filter(n => !isNaN(n));
+  const output = document.getElementById('output');
+  if (numeri.length === 0) {
+    output.textContent = "⚠️ Nessun numero valido inserito.";
+    return;
+  }
+  numeri.sort((a, b) => a - b);
+  output.textContent = "✅ Numeri ordinati: " + numeri.join(', ');
+}
+function esercizio3() {
+  const testo = document.getElementById("inputText").value;
+  const parole = testo.trim().split(/\s+/);
+  let acronimo = "";
+
+  for (let parola of parole) {
+    if (parola.length > 0) {
+      acronimo += parola[0].toUpperCase();
+    }
+  }
+
+  document.getElementById("acronym").textContent = acronimo ? "Acronimo: " + acronimo : "";
+}
+function isPalindroma(frase) {
+  const pulita = frase.toLowerCase().replace(/[^a-z0-9]/gi, '');
+  const invertita = pulita.split('').reverse().join('');
+  return pulita === invertita;
+}
+
+function esercizioOmaggio() {
+  const input = document.getElementById('inputFrase').value.trim();
+  const risultatoDiv = document.getElementById('risultato');
+
+  if (!input) {
+    risultatoDiv.textContent = "⚠️ Inserisci una frase!";
+    risultatoDiv.className = 'negativo';
+    return;
+  }
+
+  if (isPalindroma(input)) {
+    risultatoDiv.textContent = "✅ La frase è palindroma!";
+    risultatoDiv.className = 'positivo';
+  } else {
+    risultatoDiv.textContent = "❌ La frase NON è palindroma.";
+    risultatoDiv.className = 'negativo';
+  }
+}
+
+//Funzioni per prevenire la copia
+document.oncontextmenu = document.body.oncontextmenu = function() {
+  document.write(`
+      Right click is not allowed on this site! Reload page!
+  `);
+  return false;
+};
+function devToolsOpened(e){
+    e.preventDefault();
+}
+window.addEventListener('keydown', function(e) {
+    if (
+        e.metaKey == true && e.altKey == true && e.keyCode == 73 ||
+        e.metaKey == true && e.altKey == true && e.keyCode == 74 ||
+        e.metaKey == true && e.altKey == true && e.keyCode == 67 ||
+        e.metaKey == true && e.shiftKey == true && e.keyCode == 67 ||
+        e.ctrlKey == true && e.shiftKey == true && e.keyCode == 73 ||
+        e.ctrlKey == true && e.shiftKey == true && e.keyCode == 74 ||
+        e.ctrlKey == true && e.shiftKey == true && e.keyCode == 67 ||
+        e.keyCode == 123 ||
+        e.metaKey == true && e.altKey == true && e.keyCode == 85 ||
+        e.ctrlKey == true && e.keyCode == 85 ||
+        e.ctrlKey == true && e.keyCode == 80
+        ){
+            devToolsOpened(e);
+    }
+});
+const devtools = {
+isOpen: false,
+orientation: undefined,
+};
+
+const threshold = 170;
+
+const emitEvent = (isOpen, orientation) => {
+globalThis.dispatchEvent(new globalThis.CustomEvent('devtoolschange', {
+  detail: {
+    isOpen,
+    orientation,
+  },
+}));
+};
+
+const main = ({emitEvents = true} = {}) => {
+const widthThreshold = globalThis.outerWidth - globalThis.innerWidth > threshold;
+const heightThreshold = globalThis.outerHeight - globalThis.innerHeight > threshold;
+const orientation = widthThreshold ? 'vertical' : 'horizontal';
+
+if (
+  !(heightThreshold && widthThreshold)
+  && ((globalThis.Firebug && globalThis.Firebug.chrome && globalThis.Firebug.chrome.isInitialized) || widthThreshold || heightThreshold)
+) {
+  if ((!devtools.isOpen || devtools.orientation !== orientation) && emitEvents) {
+    emitEvent(true, orientation);
+  }
+
+  devtools.isOpen = true;
+  devtools.orientation = orientation;
+} else {
+  if (devtools.isOpen && emitEvents) {
+    emitEvent(false, undefined);
+  }
+
+  devtools.isOpen = false;
+  devtools.orientation = undefined;
+}
+};
+setInterval(main, 500);
+          window.addEventListener('devtoolschange', event => {
+              document.write(`
+                Please close DevTools, then reload the page!
+  `);
+          });
\ No newline at end of file
diff --git a/3AIN/Esercizi TPS Vichi per 2025-04-26/index.html b/3AIN/Esercizi TPS Vichi per 2025-04-26/index.html
new file mode 100644
index 0000000..22f97c5
--- /dev/null
+++ b/3AIN/Esercizi TPS Vichi per 2025-04-26/index.html	
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+  <meta charset="UTF-8">
+  <title>Esercizi TPS Vichi per 2025-04-26</title>
+  <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap" rel="stylesheet">
+  <style>
+    body {
+      margin: 0;
+      font-family: 'Nunito', sans-serif;
+      background: linear-gradient(135deg, #d2e1f0, #f9e9ff);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 100vh;
+      -webkit-user-select: none;
+    -webkit-touch-callout: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    }
+
+    .container {
+      max-width: 900px;
+      padding: 40px;
+      background: white;
+      border-radius: 20px;
+      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
+      text-align: center;
+    }
+
+    h1 {
+      font-size: 32px;
+      color: #333;
+      margin-bottom: 30px;
+    }
+
+    .grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+      gap: 20px;
+    }
+
+    .card {
+      background-color: #f2f5fa;
+      padding: 20px;
+      border-radius: 15px;
+      text-decoration: none;
+      color: #333;
+      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05);
+      transition: all 0.3s ease;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+
+    .card:hover {
+      transform: translateY(-5px);
+      background-color: #e4ecf7;
+    }
+
+    .card h2 {
+      font-size: 20px;
+      margin-bottom: 10px;
+    }
+
+    .card p {
+      font-size: 14px;
+      color: #555;
+    }
+
+    footer {
+      margin-top: 30px;
+      font-size: 14px;
+      color: #888;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>💡 Esercizi TPS Vichi per 2025-04-26</h1>
+    <div class="grid">
+      <a href="Esercizio1.html" class="card" target="_blank">
+        <h2>🧩 Esercizio 1</h2>
+        <p>Trova la parola più lunga in una frase.</p>
+      </a>
+      <a href="Esercizio2.html" class="card" target="_blank">
+        <h2>🧩 Esercizio 2</h2>
+        <p>Ordina i numeri</p>
+      </a>
+      <a href="Esercizio3.html" class="card" target="_blank">
+        <h2>🧩 Esercizio 3</h2>
+        <p>Generatore di acronimi</p>
+      </a>
+      <a href="EsercizioOmaggio.html" class="card" target="_blank">
+        <h2>🧩 Esercizio Omaggio</h2>
+        <p>Verifica se una frase è palindroma.</p>
+      </a>
+    </div>
+    <footer>
+      Creato da Manuel Vichi
+    </footer>
+  </div>
+  <script src="esercizi.js"></script>
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS Vichi per 2025-05-03/EsercizioDadi.html b/3AIN/Esercizi TPS Vichi per 2025-05-03/EsercizioDadi.html
new file mode 100644
index 0000000..8970d12
--- /dev/null
+++ b/3AIN/Esercizi TPS Vichi per 2025-05-03/EsercizioDadi.html	
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+  <meta charset="UTF-8">
+  <title>Lancio dei Dadi</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      padding: 20px;
+    }
+    input, button {
+      padding: 8px;
+      font-size: 16px;
+      margin: 5px 0;
+    }
+    .results {
+      margin-top: 20px;
+    }
+  </style>
+</head>
+<body>
+
+  <h2>Simulatore Lancio Dadi</h2>
+
+  <label for="numDadi">Numero di dadi:</label><br>
+  <input type="number" id="numDadi" min="1" value="5"><br>
+
+  <label for="numFacce">Numero di facce per dado:</label><br>
+  <input type="number" id="numFacce" min="2" value="6"><br>
+
+  <button onclick="esercizio2()">Lancia!</button>
+
+  <div class="results" id="results"></div>
+
+  <script src="esercizi.js"></script>
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS Vichi per 2025-05-03/EsercizioJSCSS.html b/3AIN/Esercizi TPS Vichi per 2025-05-03/EsercizioJSCSS.html
new file mode 100644
index 0000000..ae583fe
--- /dev/null
+++ b/3AIN/Esercizi TPS Vichi per 2025-05-03/EsercizioJSCSS.html	
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+  <meta charset="UTF-8">
+  <title>Cambia Colore Testo</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      padding: 20px;
+    }
+    textarea {
+      width: 100%;
+      height: 150px;
+      font-size: 16px;
+      margin-bottom: 10px;
+    }
+    select, button {
+      padding: 8px;
+      font-size: 16px;
+      margin-right: 10px;
+    }
+  </style>
+</head>
+<body>
+
+  <h2>Cambia il colore del testo</h2>
+  
+  <textarea id="textArea" placeholder="Scrivi qui il tuo testo..."></textarea><br>
+
+  <select id="colorSelect">
+    <option value="black">Nero</option>
+    <option value="red">Rosso</option>
+    <option value="blue">Blu</option>
+    <option value="green">Verde</option>
+    <option value="purple">Viola</option>
+    <option value="orange">Arancione</option>
+    <option value="yellow">Giallo</option>
+  </select>
+
+  <button onclick="esercizio1()">Applica Colore</button>
+  <script src="esercizi.js"></script>
+</body>
+</html>
diff --git a/3AIN/Esercizi TPS Vichi per 2025-05-03/esercizi.js b/3AIN/Esercizi TPS Vichi per 2025-05-03/esercizi.js
new file mode 100644
index 0000000..0f3b7de
--- /dev/null
+++ b/3AIN/Esercizi TPS Vichi per 2025-05-03/esercizi.js	
@@ -0,0 +1,36 @@
+function esercizio1() {
+    const textarea = document.getElementById('textArea');
+    const coloreSelezionato = document.getElementById('colorSelect').value;
+    textarea.style.color = coloreSelezionato;
+}
+function esercizio2() {
+    const numDadi = parseInt(document.getElementById('numDadi').value);
+    const numFacce = parseInt(document.getElementById('numFacce').value);
+    const risultati = [];
+    for (let i = 0; i < numDadi; i++) {
+      const risultato = Math.floor(Math.random() * numFacce) + 1;
+      risultati.push(risultato);
+    }
+    const somma = risultati.reduce((acc, val) => acc + val, 0);
+    const media = somma / risultati.length;
+    const conteggi = {};
+    risultati.forEach(val => {
+      conteggi[val] = (conteggi[val] || 0) + 1;
+    });
+
+    let moda = risultati[0];
+    let maxContatore = conteggi[moda];
+
+    for (const numero in conteggi) {
+      if (conteggi[numero] > maxContatore) {
+        moda = numero;
+        maxContatore = conteggi[numero];
+      }
+    }
+    const resultsDiv = document.getElementById('results');
+    resultsDiv.innerHTML = `
+      <strong>Risultati:</strong> ${risultati.join(', ')}<br>
+      <strong>Media:</strong> ${media.toFixed(2)}<br>
+      <strong>Moda:</strong> ${moda}
+    `;
+}
\ No newline at end of file
diff --git a/3AIN/Pagina Web 2/index.html b/3AIN/Pagina Web 2/index.html
new file mode 100644
index 0000000..9f600e2
--- /dev/null
+++ b/3AIN/Pagina Web 2/index.html	
@@ -0,0 +1,5 @@
+<html>
+    <head>
+        <title>Pagina</title>
+    </head>
+</html>
\ No newline at end of file
diff --git a/3AIN/Verifica TPS JavaScript 22-02-2025/Esercizio1.html b/3AIN/Verifica TPS JavaScript 22-02-2025/Esercizio1.html
new file mode 100644
index 0000000..77a817c
--- /dev/null
+++ b/3AIN/Verifica TPS JavaScript 22-02-2025/Esercizio1.html	
@@ -0,0 +1,76 @@
+<!-- Manuel Vichi 3^AIN - Esercizio 1 -->
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Generatore Bit di Parita'</title>
+        <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 30px;
+        }
+        input, button {
+            padding: 10px;
+            margin: 10px 0;
+        }
+        label {
+            font-weight: bold;
+        }
+        .result {
+            margin-top: 20px;
+        }
+        </style>
+    </head>
+    <body>
+        <h1>Generatore bit di parita'</h1>
+
+        <label for="num">Inserisci un numero in base 2 (in 7 bit):</label>
+        <input type="number" id="num" required>
+        <br><br>
+        <label for="paritypeer">Parita' pari</label>
+        <input type="radio" id="paritypeer" name="parity" value="paritypeer" checked>
+        <br>
+        <label for="paritypeer">Parita' dispari</label>
+        <input type="radio" id="paritynotpeer" name="parity" value="paritynotpeer">
+        <br><br>
+        <button onclick="generate()">Genera</button>
+
+        <div class="result">
+            <p><strong>Risultato parita':</strong> <span id="parityResult"></span></p>
+        </div>
+        <script>
+            function generate() {
+                let original = String(document.getElementById("num").value);
+                for (let i = 0; i < original.length; i++) {
+                    if (original[i] != "0" && original[i] != "1") {
+                        alert("Il numero deve essere binario!");
+                        return;
+                    }
+                }
+                let num = parseInt(original);
+                if (original.length != 7) {
+                    alert("Il numero deve essere su 7 bit!");
+                    return;
+                }
+                else {
+                    let unProcioneInCalore = 0;
+                    for (let i = 0; i < original.length; i++) {
+                        if (original[i] == "0") {
+                            unProcioneInCalore++;
+                        }
+                    }
+                    if (document.getElementById('paritypeer').checked && unProcioneInCalore % 2 == 0) {
+                        document.getElementById('parityResult').textContent = original + " 1";
+                    }
+                    else if (document.getElementById('paritynotpeer').checked && unProcioneInCalore % 2 != 0) {
+                        document.getElementById('parityResult').textContent = original + " 1";
+                    }
+                    else {
+                        document.getElementById('parityResult').textContent = original + " 0";
+                    }
+                }
+            }
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/3AIN/Verifica TPS JavaScript 22-02-2025/Esercizio2.html b/3AIN/Verifica TPS JavaScript 22-02-2025/Esercizio2.html
new file mode 100644
index 0000000..ceea57b
--- /dev/null
+++ b/3AIN/Verifica TPS JavaScript 22-02-2025/Esercizio2.html	
@@ -0,0 +1,61 @@
+<!-- Manuel Vichi 3^AIN - Esercizio 2 -->
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Convertitore Base 10 a Base 16</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 30px;
+        }
+        input, button {
+            padding: 10px;
+            margin: 10px 0;
+        }
+        label {
+            font-weight: bold;
+        }
+        .result {
+            margin-top: 20px;
+        }
+    </style>
+</head>
+<body>
+    <h1>Convertitore Base 10 a base 16</h1>
+
+    <label for="num">Inserisci un numero in base 10:</label>
+    <input type="number" id="num" required>
+    <p>In caso di numero decimale esso viene automaticamente arrotondato.</p>
+
+    <button onclick="converti()">Converti</button>
+
+    <div class="result">
+        <p><strong>Base 16:</strong> <span id="hexResult"></span></p>
+    </div>
+
+    <script>
+        function converti() {
+            let original = document.getElementById("num").value;
+            let num = parseInt(original);
+            if (num < 0) {
+                alert("Il numero deve essere positivo!");
+                return;
+            }
+            function esadec(n) {
+                const hexChars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'];
+                let hex = '';
+                while (n > 0) {
+                    hex = hexChars[n % 16] + hex;
+                    n = parseInt(n / 16);
+                }
+                return hex === '' ? '0' : hex;
+            }
+            let hexResult = esadec(num);
+            document.getElementById("hexResult").textContent = hexResult;
+        }
+    </script>
+
+</body>
+</html>
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..b38e230
--- /dev/null
+++ b/README.md
@@ -0,0 +1,4 @@
+# Pagine HTML fatte a scuola
+Pagine HTML fatte a scuola da me
+
+Questa repository è fornita così com'è a scopo didattico. Fanne buon uso.
\ No newline at end of file