{"id":582,"date":"2026-06-23T13:35:16","date_gmt":"2026-06-23T06:35:16","guid":{"rendered":"https:\/\/www.bisasoftware.id\/2026\/?p=582"},"modified":"2026-06-23T13:35:16","modified_gmt":"2026-06-23T06:35:16","slug":"bab-5-event-handling","status":"publish","type":"post","link":"https:\/\/www.bisasoftware.id\/2026\/bab-5-event-handling\/","title":{"rendered":"BAB 5 &#8211; EVENT HANDLING"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Event adalah kejadian yang dilakukan pengguna.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Contoh:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klik<\/li>\n\n\n\n<li>Hover<\/li>\n\n\n\n<li>Double click<\/li>\n\n\n\n<li>Ketik keyboard<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">5.1 Event Click<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>$(\"#btn\").click(function(){<br><br>alert(\"Tombol diklik\");<br><br>});<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">5.2 Double Click<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>$(\"#btn\").dblclick(function(){<br><br>alert(\"Double Click\");<br><br>});<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">5.3 Mouse Hover<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>$(\"#judul\").mouseenter(function(){<br><br>$(this).css(\"color\",\"red\");<br><br>});<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Praktik<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;button id=\"btn\"&gt;Klik Saya&lt;\/button&gt;<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>$(\"#btn\").click(function(){<br><br>$(\"body\").css(\"background\",\"lightblue\");<br><br>});<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">TUGAS BAB 5<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Buat aplikasi sederhana:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tombol Merah<\/li>\n\n\n\n<li>Tombol Hijau<\/li>\n\n\n\n<li>Tombol Biru<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Saat tombol diklik maka background berubah sesuai warna tombol.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Event adalah kejadian yang dilakukan pengguna. Contoh: 5.1 Event Click 5.2 Double Click 5.3 Mouse Hover Praktik TUGAS BAB 5&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[39],"tags":[40],"class_list":["post-582","post","type-post","status-publish","format-standard","hentry","category-tutorial-jquery","tag-tutorial-jquery"],"_links":{"self":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/comments?post=582"}],"version-history":[{"count":1,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/582\/revisions"}],"predecessor-version":[{"id":583,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/582\/revisions\/583"}],"wp:attachment":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/media?parent=582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/categories?post=582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/tags?post=582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}