Fyra personer behöver ett bord. Den femte personen behöver plötsligt ett andra. Det är just vid sådana språng som en justerbar modell förklarar mer än ett jämnt decimaltal. Du ser inte bara ett resultat, utan också vilken regel som ger det.
I gränssnitt som stöds kan ChatGPT visa interaktiva förklaringar och kalkylatorer. Tillgängligheten beror bland annat på kontot och gränssnittet. Ett enda samband räcker för en vettig början. Bordsmodellen nedan är en egen illustration; den har inte genererats i en ChatGPT-session och inte testats som applikation.
Antagandet hör hemma bredvid skjutreglaget
Vår förenklade modell utgår från fyra platser per bord. Det vi söker är ett helt antal bord för ett icke-negativt helt antal deltagare. Rummets form, utrymningsvägar, tillgänglighet och särskilda utrymmesbehov beräknas inte. Avgränsningen förblir läsbar direkt bredvid visningen.
Regeln är: dela antalet personer med fyra och avrunda uppåt. Med noll personer ger den här modellen noll. En till fyra personer ger ett bord; fem till åtta ger två. Dessa värden följer matematiskt av den valda regeln; de är inte observerade resultat från en modellutvärdering.
En liten funktion gör regeln synlig
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);
}Vår egen JavaScript-funktion innehåller medvetet bara det sakliga sambandet. Den vet ingenting om något rum eller några bokningar. Den snäva räckvidden är till hjälp: beräkningen kan läsas oberoende av färger, rörelse och reglage.
För gränssnittet kan ett sifferfält med synligt värde räcka. Ett skjutreglage är ett extra sätt att styra, inte en ersättning för det exakta resultatet. Följande egna HTML-utdrag visar märkningen och ett område för återkopplingen.
<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>Koppla ihop inmatning och beräkning medvetet
En sammankopplande kodbit läser texten från sifferfältet, kontrollerar att det är ett tillåtet heltal och anropar först därefter beräkningsfunktionen. Ett tomt fält bör ge begriplig återkoppling i stället för att oavsiktligt behandlas som en avsiktligt inmatad nolla.
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"}`;
});Den övre gränsen på 200 är en gräns som vi har valt för det här inlärningsgränssnittet. Den är inget sakligt bevis på kapacitet. Placera den exekverande delen av skriptet efter sifferfältet och utdata. Lägg funktionen och utdraget i samma lilla dokument om du experimenterar med dem; detta är läsbara byggstenar, inte en leverans som redan har körts.
Rörelse får inte ersätta den enda text som visar resultatet. Den som minskar animationer eller bara läser siffran ska kunna förstå samma regel. Håll därför antagandet och det beräknade resultatet ständigt synliga.
Kontrollera sprången och reglagen var för sig
Räkna själv ut noll, en, fyra, fem och åtta personer. Titta också på ett tomt fält, ett negativt tal och ett decimalvärde. På så sätt granskar du både regeln och hanteringen av inmatningen. Kontrollera därefter styrningen med tangentbordet och hur läsbar återkopplingen är.
Om du vill återanvända samma egna byggsten på en webbplats erbjuder till exempel utvecklarläget i KENJTEC WebSiteBuilder ai en plats för din egen HTML, CSS och JavaScript, med förhandsvisning och separat publicering av kod. Överföringen sker medvetet som kod; en chattvisualisering förs inte över automatiskt.
I slutändan besvarar modellen exakt sin egen lilla fråga. Dess styrka ligger i att inmatning, formel och gräns syns tillsammans. Verklig rumsplanering kräver ytterligare information som den här visningen uttryckligen inte ger.
Källor och dokumentationsstatus: 25 oktober 2026.
