3I Sia: Soluzione verifica di laboratorio in Javascript

 Soluzione verifica di laboratorio in Javascript



Creare un programma in javascript che consenta di creare un array, inserire numeri interi, 

visualizzare tutti i numeri, visualizzare sono i numeri negativi, visualizzare sono i numeri pari.

Stampare il numero più piccolo e quello più grande.

Versione senza funzioni e versione con le funzioni


Versione senza funzioni

// Caricare un array con numeri interi senza l'utilizzo di push
const numbers = [];
const numElements = 6; // Definisci quanti numeri inserire
let index = 0;

for (let i = 0; i < numElements; i++) {
    numbers[index] = parseInt(prompt("Inserisci un numero intero:"));
    index++;
}

// Visualizzare tutti i numeri inseriti
console.log("Numeri inseriti:");
for (let i = 0; i < numbers.length; i++) {
    console.log(numbers[i]);
}

// Visualizzare solo i numeri negativi
console.log("Numeri negativi:");
for (let i = 0; i < numbers.length; i++) {
    if (numbers[i] < 0) {
        console.log(numbers[i]);
    }
}

// Visualizzare solo i numeri pari
console.log("Numeri pari:");
for (let i = 0; i < numbers.length; i++) {
    if (numbers[i] % 2 === 0) {
        console.log(numbers[i]);
    }
}

// Trovare il numero più piccolo
let smallestNumber = numbers[0];
for (let i = 1; i < numbers.length; i++) {
    if (numbers[i] < smallestNumber) {
        smallestNumber = numbers[i];
    }
}
console.log("Numero più piccolo: " + smallestNumber);

// Trovare il numero più grande
let largestNumber = numbers[0];
for (let i = 1; i < numbers.length; i++) {
    if (numbers[i] > largestNumber) {
        largestNumber = numbers[i];
    }
}
console.log("Numero più grande: " + largestNumber);


Secondo esempio con le funzioni


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>verifica di laboratorio 3 I Sia Array</title>
</head>
<body>
<h1>Inserisci Numeri</h1>

<input type="number" id="numberInput">
<button onclick="addNumber()">Inserisci Numero</button>
<button onclick="displayAllNumbers()">Visualizza Tutti i Numeri</button>
<button onclick="displayNegativeNumbers()">Visualizza Numeri Negativi</button>
<button onclick="displayEvenNumbers()">Visualizza Numeri Pari</button>
<button onclick="displayMinMaxNumbers()">Trova Minimo e Massimo</button>

<ul id="output"></ul>

<script src="script.js"></script>
</body>
</html>


file (script.js):

const numbers = [];

function addNumber() {
  const input = document.getElementById("numberInput");
  const number = parseInt(input.value);
  numbers.push(number);
  input.value = "";
}

function displayAllNumbers() {
  const output = document.getElementById("output");
  output.innerHTML = "<li>Numeri inseriti: " + numbers.join(", ") + "</li>";
}

function displayNegativeNumbers() {
  const negativeNumbers = numbers.filter(number => number < 0);
  const output = document.getElementById("output");
  output.innerHTML += "<li>Numeri negativi: " + negativeNumbers.join(", ") + "</li>";
}

function displayEvenNumbers() {
  const evenNumbers = numbers.filter(number => number % 2 === 0);
  const output = document.getElementById("output");
  output.innerHTML += "<li>Numeri pari: " + evenNumbers.join(", ") + "</li>";
}

function displayMinMaxNumbers() {
  const smallestNumber = Math.min(...numbers);
  const largestNumber = Math.max(...numbers);
  const output = document.getElementById("output");
  output.innerHTML += "<li>Numero più piccolo: " + smallestNumber + "</li>";
  output.innerHTML += "<li>Numero più grande: " + largestNumber + "</li>";
}

Commenti

Post popolari in questo blog

Simulazioni di reti (con Cisco Packet Tracer)

Esercizi sulla rappresentazione della virgola mobile IEEE 754 (Floating Point)