Event onmouseenter pada Javascript
Halo teman teman kursuswebsite.org Source Code Aplikasi, sebelumnya kita telah belajar diantara event dari javascript yaitu event onclick, dan kini kita akan mempelajari event onmouseenter, event ini yaitu diantara event pun dari javascript dimana ketika mouse kita berada tepat di faktor karenanya element tersebut akan mengerjakan sesuatu event, cara menggunakannya amat lah gampang, yuk kita praktekan teman teman cara merancang Event onmouseenter di Javascript.
teman teman dapat buka text editornya dan ketikan struktur basic HTML dan jangan lupa di save yah teman teman, simpan dengan nama index.html. seperti gambar di bawah ini.
lalu teman teman bikin satu element div dengan id bernama #el
nah setelah itu sebelum penutup tag body, teman teman sisipkan kode javascript berikut yah teman teman.
lalu kita bikin variabel el yang menampung id el, seperti contoh gambar berikut
sebelum merancang event mouse enter teman teman berikan style di #el terlebih dahulu yah biar kita tahu keberadaan #el ini yah :P. ketikan kode berikut setelah tag <title> yah teman teman.
<style>
#el{
background-color: salmon;
width: 200px;
height: 200px;
margin: auto;
text-align: center;
color: #fff;
font-size: 30px
}
</style>
hasilnya seperti berikut
teman teman punya satu tag div dengan id = el seperti di atas, kita kembali ke javascript, dan ketikan kode berikut yah teman teman.
<script>
var el = document.getElementById(‘el’);
el.onmouseenter = function(){
alert(‘event mouseenter bekerja dengan Bagus dan benar’);
}
</script>
atau gambar nya seperti berikut.
penejelasannya seperti ini teman teman, kita bikin variabel el yang menampung tag element, dan variabel el ini akan di berikan event onmouseenter dan menjalankan kegunaan, dimana kegunaan ini akan menjalankan alert yang berisi, “event mouseenter bekerja dengan Bagus dan benar”. seprti itu penjelasannya yah teman teman. nah coba kita praktekan di web browser kita yah teman teman.
nah seperti itu teman teman, akan muncul alert bilamana teman teman menjalankan mouse melewati variabel el itu,
mungkin demikianlah panduan Event onmouseenter di Javascript semoga bermanfaat yah teman teman.
Sumber https://kursuswebsite.org
