Quattro persone hanno bisogno di un tavolo. Alla quinta persona all'improvviso ne serve un secondo. È proprio in salti come questi che un modello regolabile spiega più di un numero decimale uniforme. Non vedi soltanto un risultato, ma anche quale regola lo produce.
Nelle interfacce supportate, ChatGPT può mostrare spiegazioni e calcolatori interattivi. La disponibilità dipende, tra l'altro, dall'account e dall'interfaccia. Per un inizio sensato basta una singola relazione. Il modello dei tavoli qui sotto è una nostra illustrazione; non è stato generato in una sessione di ChatGPT né testato come applicazione.
L'ipotesi va accanto al cursore
Il nostro modello semplificato presuppone quattro posti per tavolo. Cerchiamo un numero intero di tavoli per un numero intero non negativo di partecipanti. Forma della sala, vie di fuga, accessibilità ed esigenze di spazio particolari non vengono calcolate. L'ambito di validità resta leggibile proprio accanto alla visualizzazione.
La regola è: dividi il numero di persone per quattro e arrotonda per eccesso. Con zero persone, questo modello restituisce zero. Da una a quattro persone serve un tavolo; da cinque a otto, due. Questi valori derivano matematicamente dalla regola scelta; non sono risultati osservati di una valutazione del modello.
Una piccola funzione rende visibile la regola
function tische(personen) {
if (!Number.isInteger(personen) || personen < 0) {
throw new Error("Number of participants must be a whole number from zero.");
}
return Math.ceil(personen / 4);
}La nostra funzione JavaScript contiene volutamente solo la relazione di merito. Non sa nulla di una sala o di prenotazioni. Questa portata ristretta è utile: il calcolo si può leggere indipendentemente da colori, movimento e controlli.
Per l'interfaccia può bastare un campo numerico con un valore visibile. Un cursore è un ulteriore modo di utilizzarla, non un sostituto del risultato esatto. Il seguente estratto HTML, anch'esso nostro, mostra l'etichettatura e un'area per il riscontro.
<label for="personen">Number of participants</label>
<input id="personen" type="number" min="0" max="200" step="1" value="0">
<p>Assumption: four places per table.</p>
<output id="bedarf" aria-live="polite">0 tables</output>Collega consapevolmente input e calcolo
Un pezzo di codice di collegamento legge il testo dal campo numerico, verifica che si tratti di un numero intero ammesso e solo allora chiama la funzione di calcolo. Un campo vuoto dovrebbe generare un riscontro comprensibile, invece di essere trattato involontariamente come uno zero inserito di proposito.
const eingabe = document.querySelector("#personen");
const ausgabe = document.querySelector("#bedarf");
eingabe.addEventListener("input", () => {
const text = eingabe.value.trim();
const n = Number(text);
if (text === "" || !Number.isInteger(n) || n < 0 || n > 200) {
ausgabe.textContent = "Please enter a whole number from 0 to 200.";
return;
}
const anzahl = tische(n);
ausgabe.textContent = `${anzahl} ${anzahl === 1 ? "table" : "tables"}`;
});Il limite superiore di 200 è un limite che abbiamo scelto per questa interfaccia didattica. Non è una prova concreta di capienza. Colloca la parte eseguibile dello script dopo il campo numerico e l'output. Riunisci la funzione e l'estratto nello stesso piccolo documento se vuoi sperimentarli; sono elementi leggibili, non una consegna già eseguita.
Il movimento non deve sostituire l'unico testo che mostra il risultato. Chi riduce le animazioni o legge solo il numero dovrebbe poter capire la stessa regola. Tieni quindi sempre visibili l'ipotesi e il risultato calcolato.
Verifica separatamente i salti e i controlli
Calcola tu stesso i casi con zero, una, quattro, cinque e otto persone. Osserva anche un campo vuoto, un numero negativo e un valore decimale. In questo modo esamini sia la regola sia la gestione dell'input. Dopo, verifica l'uso con la tastiera e la leggibilità del riscontro.
Se vuoi riutilizzare lo stesso componente tutto tuo su un sito web, la modalità sviluppatore di KENJTEC WebSiteBuilder ai, per esempio, offre uno spazio per il tuo codice HTML, CSS e JavaScript, con un'anteprima e una pubblicazione del codice separata. Il trasferimento avviene consapevolmente sotto forma di codice; una visualizzazione della chat non viene trasferita automaticamente.
Alla fine, il modello risponde esattamente alla sua piccola domanda. La sua forza sta nel fatto che input, formula e limite sono visibili insieme. Una vera pianificazione della sala richiede ulteriori informazioni che questa visualizzazione esplicitamente non fornisce.
Fonti e stato della documentazione: 25 ottobre 2026.
