Pada Kesempatan kali ini, saya ingin berbagi bagaimana cara mendapatkan titik kordinat menggunakan javascript, kita bisa mendampatkan suatu titik kordinat dalam sebuah elemen, ini berguna sekali dimana kita bisa bermain misal saya mempunyai sebuah peta dimana kita ingin tau peta indonesia berada pada titik kordinat berapa, oke jangan kemana-mana simak terus ya teman-teman.

Seperti yang saya tulis di atas cara mendapatkan titik kordinat menggunakan javascript, bukan berarti kita bisa mendapatkan titik betul dari sebuah peta ya, tetapi kita bisa mendapatkan sebuah titik kordinat sesuai dengan tinggi dan lebar element yang kita buat, dan disini di samping kita bisa melihat titik kordinat dari sebuah elemen, tetapi disini kita bisa menklik dimana kita bisa mendapatkan juga, dengan mengklik area tersebut.

Untuk kasus kali ini saya mempunyai sebuah tag box dimana area box itu yang ingin kita dapatkan titik kordinatnya, sperti itu, dan disini saya juga memberikan tag untuk menampung hasil outputnya, ada dua ya yang satu untuk melihat dan yang satu untuk menentukan fix dari titik kordinatnya, oke langsung saja, saya membuat kerangka HTMLnya seperti ini:

Bisa dilihat jika judul tidak di tulis tidak masalah ya, dan disini saya mempunyai sebuah tag box, dan p dua seperti yang saya tulis di atas, dan di box saya meberika sebuah css seperti ini:

Css di atas itu hanya untuk box dan hasil inputannya saja ya, oke sekarang kita langsung lihat saja scriptnya:

Bisa teman-teman lihat pada baris pertama-tama saya menjabarkan karena setiap element html di atas yang mempunyai sebuah ID kita masukan ke dalam variabel, dan karena disini saya ingin mendapatkan sebuah hasil melihat dan mendapatkan maka saya buat event mouseleave dan click, dan jika teman-teman berhasil maka akan tampil seperti ini:

cara mendapatkan titik kordinat menggunakan javascript

bagaimana silahkan teman-teman coba sendiri ya, saya rasa cukup sampai disini belajar kita tentang cara mendapatkan titik kordinat menggunakan javascript, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.