एक ऐसा वेबपेज बनाएं जिसमें एक पहेली हो, जो उपयोगकर्ताओं को बिना माउस उठाए 4 सीधी रेखाओं से 9 बिंदुओं को जोड़ने की चुनौती देती है।

निर्देश:
- पहेली का लेआउट: वेबपेज पर 3x3 ग्रिड में 9 बिंदुओं को व्यवस्थित करें।
- उपयोगकर्ता इंटरैक्शन: उपयोगकर्ताओं को बिंदुओं के बीच क्लिक और ड्रैग करके सीधी रेखाएँ खींचने की अनुमति दें, सुनिश्चित करें कि रेखाएँ बेहत uninterrupted जुड़े रहें।
- पहेली के नियम: स्पष्ट रूप से उद्देश्य बताएं — केवल 4 सीधी रेखाओं का उपयोग करके 9 बिंदुओं को जुड़ना है। रेखाओं के लगातार जुड़ने पर जोर दें।

प्रतिक्रिया:
- सफलता संदेश: जब 4 रेखाओं के साथ सभी बिंदु सही तरीके से जुड़ जाएं, तो एक मित्रवत और अनौपचारिक बधाई संदेश प्रदर्शित करें।
- त्रुटि स्पष्टीकरण: यदि समाधान गलत हो, तो मित्रवत अंदाज में समझाएं कि क्यों शर्तें पूरी नहीं हुईं, साथ ही कुछ सुझाव या प्रोत्साहन दें।

उपयोगकर्ता अनुभव:
- स्पष्ट निर्देश और इंटरैक्टिव फीडबैक के साथ एक आकर्षक उपयोगकर्ता अनुभव डिज़ाइन करें, ताकि उपयोगकर्ता विभिन्न तरीकों को आज़माते समय निराशा महसूस न करें।

ध्यान देने योग्य बातें:
- एक सहज लेआउट बनाएं जिससे उपयोगकर्ता पहेली के नियमों को आसानी से समझ सकें और सुचारू रूप से इंटरैक्ट कर सकें। उपयोगकर्ता के समाधान की सहीता की जाँच करने और उपयुक्त प्रतिक्रिया प्रदर्शित करने का तर्क लागू करें। वेब डिज़ाइन की सर्वोत्तम प्रथाओं का उपयोग करें ताकि एक्सेसिबिलिटी और रिस्पॉन्सिवनेस सुनिश्चित हो सके।

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

Q: Как именно должна выглядеть головоломка?
A: Точки в квадрате 3x3.

Q: Какой стиль поздравления или объяснения вас интересует?
A: Неофициальный и дружелюбный.