أنشئ صفحة ويب تحتوي على لغز 'اتصال 9 نقاط' باستخدام أربعة خطوط دون رفع الفأرة، مع السماح للخطوط بالامتداد خارج الشبكة. أوضح القواعد واجعل اللعبة تفاعلية للحل باستخدام الفأرة. تأكد من إظهار رسالة تهنئة للمستخدم إذا تم الحل بشكل صحيح أو شرح الأخطاء إذا لم تكن الإجابة صحيحة.

نظرة عامة على المشروع
- بناء صفحة ويب للغز 'اتصال 9 نقاط'.
- تنفيذ القواعد والإرشادات لشرح اللعبة.

تصميم وتدفق تجربة المستخدم
- تصميم بسيط مع مساحة كافية حول النقاط للسماح بالحلول الكلاسيكية.
- منطقة تفاعلية لربط النقاط باستخدام الفأرة.
- تنفيذ مؤقت للتحدي.

الوظائف الأساسية والمنطق
- استخدام JavaScript/CSS للرسم التفاعلي للخطوط.
- التحقق من حل اللغز: إعلام المستخدم برسالة تهنئة إذا كان الحل صحيحاً أو تقديم شرح للأخطاء في حال عدم صحتها.
- يقوم المؤقت بحساب الوقت المستغرق في حل اللغز.

أفضل الممارسات
- تحسين الأداء لكلاً من متصفحات سطح المكتب والجوال.
- منطق العميل يجب أن يكون آمن وفعال.
- توفير تغذية بصرية واضحة لرسم الخطوط وإشعارات الإنجاز.

Создай страницу с головоломкой соедини 9 точек 4-мя линиями не отрывая руки, линии могут выходить за пределы поля точек.
опиши правила и сделай чтобы можно было ее решить мышкой.
Обязательно выводи поздравление если задача решена,  или объяснение почему задача решена неверно.

Оставь достаточно места, для того чтобы решить задачу и выйти за пределы как в классическом решении

Q: Какой стиль или визуальное оформление вы предпочитаете для головоломки?
A: Например, минималистичный, яркий и игривый.

Q: Хотите ли вы добавить таймер или счетчик попыток для решения головоломки?
A: Да, хочу таймер.