Buatlah halaman web dengan teka-teki di mana pengguna menghubungkan 9 titik menggunakan 4 garis lurus tanpa melepaskan tombol mouse. Garis-garis dapat melampaui tata letak titik. Sertakan aturan untuk menyelesaikan dan sediakan solusi interaktif menggunakan klik dan seret mouse. Tampilkan pesan selamat 'Поздравляем, вы решили головоломку!' jika teka-teki terpecahkan dengan benar atau jelaskan mengapa solusinya salah. Sediakan ruang yang cukup agar garis dapat melampaui grid.

Gambaran Proyek
Rancang halaman teka-teki dengan tantangan 'Hubungkan 9 Titik dengan 4 Garis'.

Desain UI/UX dan Alur
- Tampilkan 9 titik yang disusun dalam grid 3x3.
- Izinkan pengguna menggambar garis dengan mengklik dan menyeret mouse.
- Pastikan garis yang digambar dapat melampaui area grid.

Fungsionalitas Inti dan Logika
- Implementasikan fungsi menggambar garis dengan klik dan seret.
- Secara otomatis periksa kebenaran solusi setelah garis digambar.
- Berikan umpan balik langsung: tampilkan 'Поздравляем, вы решили головоломку!' jika solusi benar, atau berikan penjelasan jika salah.

Praktik Terbaik
- Pastikan antarmuka responsif dan ramah pengguna.
- Validasi solusi secara dinamis tanpa perlu memuat ulang halaman.
- Gunakan pesan kesalahan yang informatif untuk membimbing pengguna menuju solusi yang benar.

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

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

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

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