{"id":623,"date":"2025-07-08T07:56:03","date_gmt":"2025-07-08T07:56:03","guid":{"rendered":"https:\/\/serkomi.com\/blog\/?p=623"},"modified":"2025-07-08T07:56:03","modified_gmt":"2025-07-08T07:56:03","slug":"mengenal-cara-kerja-javascript-di-website-untuk-pemula","status":"publish","type":"post","link":"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/","title":{"rendered":"Mengenal Cara Kerja JavaScript di Website untuk Pemula"},"content":{"rendered":"\n<p>JavaScript adalah salah satu bahasa pemrograman yang paling sering digunakan dalam pengembangan website. <\/p>\n\n\n\n<p>Dengan JavaScript, halaman web menjadi lebih interaktif dan dinamis. Artikel ini akan membahas secara sederhana bagaimana cara kerja JavaScript di website, jenis-jenisnya, serta peran pentingnya dalam ekosistem web.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#Apa_Itu_JavaScript_di_Website\" >Apa Itu JavaScript di Website?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#Macam-Macam_JavaScript\" >Macam-Macam JavaScript<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#1_Vanilla_JavaScript\" >1. Vanilla JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#2_JavaScript_dengan_Library\" >2. JavaScript dengan Library<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#3_JavaScript_Framework\" >3. JavaScript Framework<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#4_Server-side_JavaScript\" >4. Server-side JavaScript<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#Cara_Kerja_JavaScript_di_Website\" >Cara Kerja JavaScript di Website<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#1_Dimasukkan_ke_dalam_HTML\" >1. Dimasukkan ke dalam HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#2_Dijalankan_oleh_Browser\" >2. Dijalankan oleh Browser<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#3_Berinteraksi_dengan_DOM\" >3. Berinteraksi dengan DOM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#4_Merespons_Aksi_Pengguna\" >4. Merespons Aksi Pengguna<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#Akhir_Kata\" >Akhir Kata<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Apa_Itu_JavaScript_di_Website\"><\/span>Apa Itu JavaScript di Website?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>JavaScript adalah bahasa pemrograman yang berjalan di sisi klien (client-side) dan digunakan untuk membuat elemen-elemen web menjadi interaktif. <\/p>\n\n\n\n<p>Berbeda dengan HTML dan CSS yang bersifat statis, JavaScript memungkinkan pengguna untuk berinteraksi langsung dengan konten website. Misalnya, mengklik tombol, menampilkan pop-up, memvalidasi form, hingga mengubah tampilan halaman secara langsung tanpa perlu reload.<\/p>\n\n\n\n<p>JavaScript umumnya dijalankan oleh browser seperti Google Chrome, Mozilla Firefox, Safari, dan lainnya melalui mesin pemroses JavaScript, misalnya V8 Engine milik Chrome.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"has-text-align-center\"><em><strong>Baca Juga: <a href=\"https:\/\/serkomi.com\/blog\/index.php\/2025\/06\/17\/sertifikasi-web-developer\/\">Sertifikasi Web Developer<\/a><\/strong><\/em><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Macam-Macam_JavaScript\"><\/span>Macam-Macam JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Dalam praktiknya, JavaScript berkembang dalam beberapa bentuk dan pendekatan:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Vanilla_JavaScript\"><\/span>1. <strong>Vanilla JavaScript<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Ini adalah istilah untuk JavaScript murni tanpa bantuan pustaka atau framework tambahan. Cocok untuk mempelajari dasar-dasarnya.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_JavaScript_dengan_Library\"><\/span>2. <strong>JavaScript dengan Library<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Contohnya adalah jQuery, yang memudahkan penulisan JavaScript dengan sintaks yang lebih ringkas dan fungsional.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_JavaScript_Framework\"><\/span>3. <strong>JavaScript Framework<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Beberapa framework populer seperti React, Angular, dan Vue.js digunakan untuk membangun aplikasi web yang kompleks. Framework ini mempermudah pengelolaan antarmuka pengguna dan state aplikasi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Server-side_JavaScript\"><\/span>4. <strong>Server-side JavaScript<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Dengan hadirnya Node.js, JavaScript juga bisa dijalankan di server untuk membuat backend aplikasi, bukan hanya di browser.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cara_Kerja_JavaScript_di_Website\"><\/span>Cara Kerja JavaScript di Website<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Dimasukkan_ke_dalam_HTML\"><\/span>1. <strong>Dimasukkan ke dalam HTML<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>JavaScript bisa ditulis langsung di dalam file HTML menggunakan tag <code>&lt;script&gt;<\/code> atau dipanggil dari file eksternal. Contoh:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script&gt;\n  alert(\"Halo, selamat datang!\");\n&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p>Atau:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script src=\"script.js\"&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Dijalankan_oleh_Browser\"><\/span>2. <strong>Dijalankan oleh Browser<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Saat halaman dibuka, browser akan membaca kode HTML dan CSS terlebih dahulu. Ketika menemukan tag <code>&lt;script&gt;<\/code>, browser akan mulai mengeksekusi kode JavaScript.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Berinteraksi_dengan_DOM\"><\/span>3. <strong>Berinteraksi dengan DOM<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>JavaScript bekerja dengan DOM (Document Object Model), yaitu representasi struktur halaman HTML. Melalui DOM, JavaScript bisa mengakses dan mengubah elemen HTML seperti teks, gambar, warna, dan lainnya secara real-time.<\/p>\n\n\n\n<p>Contoh:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>document.getElementById(\"judul\").innerHTML = \"Selamat Datang!\";\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Merespons_Aksi_Pengguna\"><\/span>4. <strong>Merespons Aksi Pengguna<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>JavaScript sangat berguna untuk menangani event seperti klik tombol, input form, hover, scroll, dan sebagainya. Hal ini menjadikan website lebih interaktif.<\/p>\n\n\n\n<p>Contoh:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>document.getElementById(\"tombol\").addEventListener(\"click\", function() {\n  alert(\"Tombol diklik!\");\n});\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Akhir_Kata\"><\/span>Akhir Kata<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>JavaScript memainkan peran penting dalam menjadikan website modern lebih hidup, interaktif, dan dinamis. <\/p>\n\n\n\n<p>Dengan memahami cara kerjanya\u2014mulai dari penempatan dalam HTML, interaksi dengan DOM, hingga penanganan aksi pengguna\u2014kita dapat mengembangkan halaman web yang lebih menarik dan fungsional. <\/p>\n\n\n\n<p>Untuk pemula, memahami dasar-dasar JavaScript adalah langkah awal yang sangat penting dalam dunia pengembangan web. Terus eksplorasi dan praktikkan agar kemampuanmu semakin berkembang.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript adalah salah satu bahasa pemrograman yang paling sering digunakan dalam pengembangan website. Dengan JavaScript, halaman web menjadi lebih interaktif dan dinamis. Artikel ini akan membahas secara sederhana bagaimana cara kerja JavaScript di website, jenis-jenisnya, serta peran pentingnya dalam ekosistem web. Apa Itu JavaScript di Website? JavaScript adalah bahasa pemrograman yang berjalan di sisi klien [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":624,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[111],"tags":[171,170,126],"class_list":["post-623","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-developer","tag-codingpemula","tag-javascript","tag-webdevelopment"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mengenal Cara Kerja JavaScript di Website untuk Pemula - serkomi<\/title>\n<meta name=\"description\" content=\"Pelajari cara kerja JavaScript di website dan bagaimana kode ini membuat halaman web jadi interaktif dan dinamis.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mengenal Cara Kerja JavaScript di Website untuk Pemula - serkomi\" \/>\n<meta property=\"og:description\" content=\"Pelajari cara kerja JavaScript di website dan bagaimana kode ini membuat halaman web jadi interaktif dan dinamis.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/\" \/>\n<meta property=\"og:site_name\" content=\"serkomi\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-08T07:56:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/\",\"url\":\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/\",\"name\":\"Mengenal Cara Kerja JavaScript di Website untuk Pemula - serkomi\",\"isPartOf\":{\"@id\":\"https:\/\/serkomi.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-2.png\",\"datePublished\":\"2025-07-08T07:56:03+00:00\",\"author\":{\"@id\":\"https:\/\/serkomi.com\/blog\/#\/schema\/person\/89f58e37c2c422c73d102097121e837f\"},\"description\":\"Pelajari cara kerja JavaScript di website dan bagaimana kode ini membuat halaman web jadi interaktif dan dinamis.\",\"breadcrumb\":{\"@id\":\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#primaryimage\",\"url\":\"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-2.png\",\"contentUrl\":\"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-2.png\",\"width\":600,\"height\":400,\"caption\":\"Mengenal Cara Kerja JavaScript di Website untuk Pemula\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/serkomi.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mengenal Cara Kerja JavaScript di Website untuk Pemula\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/serkomi.com\/blog\/#website\",\"url\":\"https:\/\/serkomi.com\/blog\/\",\"name\":\"serkomi\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/serkomi.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/serkomi.com\/blog\/#\/schema\/person\/89f58e37c2c422c73d102097121e837f\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/serkomi.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3dcf6ac8dbcf6d7ff9d94e77a3d4678358491d700ca4e9e22887fb52fcd0009?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3dcf6ac8dbcf6d7ff9d94e77a3d4678358491d700ca4e9e22887fb52fcd0009?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/serkomi.com\"],\"url\":\"https:\/\/serkomi.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mengenal Cara Kerja JavaScript di Website untuk Pemula - serkomi","description":"Pelajari cara kerja JavaScript di website dan bagaimana kode ini membuat halaman web jadi interaktif dan dinamis.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/","og_locale":"en_US","og_type":"article","og_title":"Mengenal Cara Kerja JavaScript di Website untuk Pemula - serkomi","og_description":"Pelajari cara kerja JavaScript di website dan bagaimana kode ini membuat halaman web jadi interaktif dan dinamis.","og_url":"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/","og_site_name":"serkomi","article_published_time":"2025-07-08T07:56:03+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-2.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/","url":"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/","name":"Mengenal Cara Kerja JavaScript di Website untuk Pemula - serkomi","isPartOf":{"@id":"https:\/\/serkomi.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#primaryimage"},"image":{"@id":"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#primaryimage"},"thumbnailUrl":"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-2.png","datePublished":"2025-07-08T07:56:03+00:00","author":{"@id":"https:\/\/serkomi.com\/blog\/#\/schema\/person\/89f58e37c2c422c73d102097121e837f"},"description":"Pelajari cara kerja JavaScript di website dan bagaimana kode ini membuat halaman web jadi interaktif dan dinamis.","breadcrumb":{"@id":"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#primaryimage","url":"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-2.png","contentUrl":"https:\/\/serkomi.com\/blog\/wp-content\/uploads\/2025\/07\/Serkomi-2.png","width":600,"height":400,"caption":"Mengenal Cara Kerja JavaScript di Website untuk Pemula"},{"@type":"BreadcrumbList","@id":"https:\/\/serkomi.com\/blog\/mengenal-cara-kerja-javascript-di-website-untuk-pemula\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/serkomi.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Mengenal Cara Kerja JavaScript di Website untuk Pemula"}]},{"@type":"WebSite","@id":"https:\/\/serkomi.com\/blog\/#website","url":"https:\/\/serkomi.com\/blog\/","name":"serkomi","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/serkomi.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/serkomi.com\/blog\/#\/schema\/person\/89f58e37c2c422c73d102097121e837f","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/serkomi.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3dcf6ac8dbcf6d7ff9d94e77a3d4678358491d700ca4e9e22887fb52fcd0009?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3dcf6ac8dbcf6d7ff9d94e77a3d4678358491d700ca4e9e22887fb52fcd0009?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/serkomi.com"],"url":"https:\/\/serkomi.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/posts\/623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/comments?post=623"}],"version-history":[{"count":1,"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/posts\/623\/revisions"}],"predecessor-version":[{"id":625,"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/posts\/623\/revisions\/625"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/media\/624"}],"wp:attachment":[{"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/media?parent=623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/categories?post=623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/serkomi.com\/blog\/wp-json\/wp\/v2\/tags?post=623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}