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
Posta un commento