Kullanıcıların fareyi kaldırmadan 4 düz çizgi ile 9 noktayı birbirine bağlamasını gerektiren bir bulmacayı içeren bir web sayfası oluşturun.

Talimatlar:
- Bulmaca Düzeni: Noktaları web sayfasında 3x3 ızgara şeklinde düzenleyin.
- Kullanıcı Etkileşimi: Kullanıcıların noktalar arasında tıklayıp sürükleyerek düz çizgiler çizmesine izin verin, çizgilerin kesintisiz kalmasını sağlayın.
- Bulmaca Kuralları: Amacı net bir şekilde açıklayın — yalnızca 4 düz çizgi kullanarak 9 noktayı birbirine bağlayın, çizgilerin sürekli olması gerektiğini vurgulayın.

Geri Bildirim:
- Başarı Mesajı: Tüm noktalar 4 çizgi ile doğru şekilde bağlandığında, samimi ve gayri resmi bir tebrik mesajı gösterin.
- Hata Açıklaması: Çözüm yanlışsa, koşulların neden sağlanmadığını samimi bir dille açıklayın ve ipuçları veya teşvik sunun.

Kullanıcı Deneyimi:
- Açık talimatlar ve etkileşimli geri bildirimle, kullanıcıların farklı yaklaşımları denemesini keyifli hale getiren çekici bir deneyim tasarlayın.

Dikkate Alınması Gerekenler:
- Kullanıcıların bulmaca kurallarını kolaylıkla kavrayıp sorunsuzca etkileşime geçebileceği sezgisel bir düzen oluşturun. Çözümün doğruluğunu kontrol eden ve uygun geri bildirimi gösteren bir mantık uygulayın. Erişilebilirlik ve duyarlı tasarım için en iyi web tasarım uygulamalarını kullanın.

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

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

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