चार लोगों को एक मेज़ चाहिए। पाँचवें व्यक्ति को अचानक दूसरी मेज़ चाहिए। ठीक ऐसी ही छलांगों पर एक समायोज्य मॉडल किसी सहज दशमलव संख्या से ज़्यादा समझाता है। आप केवल परिणाम ही नहीं देखते, बल्कि यह भी देखते हैं कि कौन-सा नियम उसे उत्पन्न करता है।
समर्थित इंटरफ़ेस में ChatGPT इंटरैक्टिव व्याख्याएँ और कैलकुलेटर दिखा सकता है। उपलब्धता अन्य बातों के अलावा खाते और इंटरफ़ेस पर निर्भर करती है। एक समझदार शुरुआत के लिए एक ही संबंध काफ़ी है। नीचे दिया गया टेबल मॉडल हमारा अपना उदाहरण है; इसे किसी ChatGPT सत्र में तैयार नहीं किया गया और न ही किसी एप्लिकेशन के रूप में परखा गया।
धारणा स्लाइडर के ठीक बगल में होनी चाहिए
हमारा सरलीकृत मॉडल प्रति मेज़ चार स्थान मानता है। हम प्रतिभागियों की किसी गैर-ऋणात्मक पूर्ण संख्या के लिए मेज़ों की एक पूर्ण संख्या खोज रहे हैं। कमरे का आकार, आपातकालीन निकास मार्ग, सुगम्यता और विशेष स्थान संबंधी आवश्यकताओं की गणना नहीं की जाती। दायरा डिस्प्ले के ठीक बगल में पढ़ने योग्य बना रहता है।
नियम यह है: लोगों की संख्या को चार से भाग दें और ऊपर की ओर राउंड करें। शून्य लोगों पर यह मॉडल शून्य देता है। एक से चार लोगों पर एक मेज़ आती है; पाँच से आठ लोगों पर दो। ये मान चुने गए नियम से गणितीय रूप से निकलते हैं; ये किसी मॉडल मूल्यांकन के देखे गए परिणाम नहीं हैं।
एक छोटा फ़ंक्शन नियम को दृश्यमान बनाता है
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);
}हमारे अपने JavaScript फ़ंक्शन में जानबूझकर केवल विषयगत संबंध रखा गया है। उसे किसी कमरे या बुकिंग के बारे में कुछ नहीं पता। यह सीमित दायरा मददगार है: गणना को रंगों, गति और नियंत्रणों से स्वतंत्र रूप से पढ़ा जा सकता है।
इंटरफ़ेस के लिए, दिखाई देने वाले मान के साथ एक संख्या फ़ील्ड पर्याप्त हो सकती है। स्लाइडर इसे संचालित करने का एक अतिरिक्त तरीका है, सटीक परिणाम का विकल्प नहीं। हमारा अपना निम्नलिखित HTML अंश लेबलिंग और फ़ीडबैक के लिए एक क्षेत्र दिखाता है।
<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>इनपुट और गणना को सोच-समझकर जोड़ें
कोड का एक जोड़ने वाला हिस्सा संख्या फ़ील्ड से टेक्स्ट पढ़ता है, किसी अनुमेय पूर्ण संख्या की जाँच करता है और उसके बाद ही गणना फ़ंक्शन को कॉल करता है। खाली फ़ील्ड पर समझ में आने वाला फ़ीडबैक मिलना चाहिए, न कि उसे अनजाने में जानबूझकर दर्ज किए गए शून्य की तरह माना जाए।
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"}`;
});200 की ऊपरी सीमा वह सीमा है जो हमने इस शिक्षण इंटरफ़ेस के लिए चुनी है। यह क्षमता का कोई तथ्यात्मक प्रमाण नहीं है। स्क्रिप्ट के निष्पादित होने वाले हिस्से को संख्या फ़ील्ड और आउटपुट के बाद रखें। यदि आप इनके साथ प्रयोग करते हैं, तो फ़ंक्शन और अंश को एक ही छोटे दस्तावेज़ में रखें; ये पढ़ने योग्य बिल्डिंग ब्लॉक हैं, कोई ऐसी डिलीवरी नहीं जिसे पहले ही चलाया जा चुका हो।
गति को उस एकमात्र टेक्स्ट की जगह नहीं लेनी चाहिए जो परिणाम दिखाता है। जो कोई एनिमेशन कम करता है या केवल संख्या पढ़ता है, उसे भी वही नियम समझ में आना चाहिए। इसलिए धारणा और गणना किए गए परिणाम को स्थायी रूप से दृश्यमान रखें।
छलांगों और नियंत्रणों की अलग-अलग जाँच करें
शून्य, एक, चार, पाँच और आठ लोगों के लिए स्वयं गणना करें। खाली फ़ील्ड, ऋणात्मक संख्या और दशमलव मान को भी देखें। इस तरह आप नियम और इनपुट हैंडलिंग दोनों की जाँच करते हैं। इसके बाद कीबोर्ड से संचालन और फ़ीडबैक की पठनीयता की जाँच करें।
यदि आप अपने इसी बिल्डिंग ब्लॉक को किसी वेबसाइट पर फिर से उपयोग करना चाहते हैं, तो KENJTEC WebSiteBuilder ai का डेवलपर मोड, उदाहरण के लिए, आपके अपने HTML, CSS और JavaScript के लिए एक जगह देता है, साथ में प्रीव्यू और अलग से कोड प्रकाशन की सुविधा भी। स्थानांतरण जानबूझकर कोड के रूप में होता है; चैट का विज़ुअलाइज़ेशन अपने आप स्थानांतरित नहीं होता।
अंत में, मॉडल ठीक अपने ही छोटे प्रश्न का उत्तर देता है। इसकी ताक़त इस बात में है कि इनपुट, सूत्र और सीमा एक साथ दिखाई देते हैं। वास्तविक कमरे की योजना के लिए और जानकारी चाहिए, जो यह डिस्प्ले स्पष्ट रूप से नहीं देता।
स्रोत और दस्तावेज़ीकरण की स्थिति: 25 अक्टूबर 2026।
