أربعة أشخاص يحتاجون إلى طاولة واحدة. والشخص الخامس يحتاج فجأة إلى طاولة ثانية. وعند قفزات كهذه تحديدًا يشرح النموذج القابل للضبط أكثر مما يشرحه عدد عشري سلس. فأنت لا ترى نتيجةً فحسب، بل ترى أيضًا القاعدة التي تُنتجها.
في الواجهات المدعومة، يستطيع 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.
