Buatlah sebuah halaman web yang menampilkan teka-teki di mana pengguna ditantang untuk menghubungkan 9 titik dengan 4 garis lurus tanpa melepas mouse.

Petunjuk:
- Tata Letak Teka-Teki: Atur titik-titik tersebut dalam grid 3x3 pada halaman.
- Interaksi Pengguna: Aktifkan pengguna untuk menggambar garis lurus dengan mengklik dan menyeret di antara titik, memastikan garis tetap terhubung secara kontinu selama menggambar tanpa melepaskan mouse.
- Aturan Teka-Teki: Jelaskan tujuan dengan jelas — menghubungkan semua 9 titik menggunakan hanya 4 garis lurus yang berkesinambungan.

Umpan Balik:
- Pesan Sukses: Ketika semua titik berhasil dihubungkan dengan 4 garis secara benar, tampilkan pesan ucapan selamat yang bersahabat dan informal.
- Penjelasan Kesalahan: Jika solusi salah, berikan penjelasan dengan nada bersahabat mengenai mengapa syarat tidak terpenuhi, lengkap dengan petunjuk atau dorongan.

Pengalaman Pengguna:
- Rancang pengalaman pengguna yang menarik dengan petunjuk yang jelas dan umpan balik interaktif, sehingga pengguna merasa nyaman mencoba berbagai pendekatan tanpa merasa frustrasi.

Pertimbangan:
- Ciptakan tata letak yang intuitif agar pengguna mudah memahami aturan teka-teki dan berinteraksi dengan lancar. Implementasikan logika untuk memeriksa kebenaran solusi dan menampilkan umpan balik yang sesuai. Gunakan praktik terbaik dalam desain web untuk memastikan aksesibilitas dan responsivitas.

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

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

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