Fare düğmesini bırakmadan 4 düz çizgi kullanarak 9 noktayı birbirine bağlayan bir bulmaca içeren bir web sayfası oluşturun. Çizgiler, nokta ızgarasının dışına uzayabilir. Çözüm kurallarını ekleyin ve fare tıklama ile sürükleme kullanarak etkileşimli bir çözüm sunun. Doğru çözüldüğünde 'Поздравляем, вы решили головоломку!' tebrik mesajı gösterin veya çözümün neden yanlış olduğunu açıklayın. Çizgilerin ızgaranın dışına çıkabildiği yeterli alan sağlayın.

Proje Genel Bakış
'4 Çizgi ile 9 Nokta Bağlama' meydan okumasını içeren bir bulmaca sayfası tasarlayın.

UI/UX Tasarımı ve Akışı
- 3x3 ızgarasında düzenlenmiş 9 noktayı gösterin.
- Kullanıcıların fare tıklaması ve sürüklemesiyle çizgi çizebilmesini sağlayın.
- Çizilen çizgilerin ızgara alanının dışına uzayabildiğinden emin olun.

Ana Fonksiyonellik ve Mantık
- Fare tıklaması ve sürüklemesiyle çizgi çizme işlevini uygulayın.
- Çizgiler çizildikten sonra otomatik olarak çözüm doğruluğunu kontrol edin.
- Doğru çözümde 'Поздравляем, вы решили головоломку!' mesajı gösterin, aksi halde neden yanlış olduğunu açıklayın.

En İyi Uygulamalar
- Duyarlı ve kullanıcı dostu bir arayüz sağlayın.
- Sayfa yenileme olmadan dinamik olarak çözümü doğrulayın.
- Kullanıcıları doğru çözüme yönlendirmek için anlamlı hata mesajları kullanın.

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

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

Q: Как должны выглядеть 9 точек на странице?
A: Например, сетка 3x3.

Q: Какое сообщение вывести при правильном решении?
A: Например, 'Поздравляем, вы решили головоломку!'.