{"id":1490,"date":"2022-12-09T07:30:04","date_gmt":"2022-12-09T00:30:04","guid":{"rendered":"https:\/\/www.yellowweb.id\/blog\/?p=1490"},"modified":"2022-12-09T07:30:29","modified_gmt":"2022-12-09T00:30:29","slug":"pesan-konfirmasi-dengan-javascript","status":"publish","type":"post","link":"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/","title":{"rendered":"Pesan Konfirmasi dengan JavaScript"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Kali ini kita akan mencoba bagaimana membuat sebuah pesan konfirmasi dengan menggunakan JavaScript. Mungkin teman-teman kerap kali menjumpai sebuah aplikasi dengan menampilkan fitur pesan konfirmasi (pop up). <\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">Pada artikel kali ini akan mencoba bagaimana membuat pesan konfirmasi dengan menggunakan JavaScript, kejadian seperti ini biasanya apabila kita ingin menampilkan sebuah pilihan sebelum di eksekusi atau dilanjutkan ke aksi berikutnya.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Berikut disini akan diperlihatkan fitur tersebut dengan menggunakan JavaScript<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"aksi-berikutnya.php\" onClick=\"return confirm('Yakin ingin hapus data?')\">Hapus&lt;\/a><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">skrip tersebut akan menampilkan sebuah pesan konfirmasi singkat, jika kita klik tidak maka aksi tidak akan dilanjutkan, dan jika kita klik ya, maka akan dilanjutkan ke aksi berikutnya.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kali ini kita akan mencoba bagaimana membuat sebuah pesan konfirmasi dengan menggunakan JavaScript. Mungkin teman-teman kerap kali menjumpai sebuah aplikasi dengan menampilkan fitur pesan konfirmasi (pop up).<\/p>\n","protected":false},"author":1,"featured_media":1491,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[283],"tags":[156,593,515],"class_list":["post-1490","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-javascript","tag-js","tag-modal"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pesan Konfirmasi dengan JavaScript - YELLOWWEB.ID<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pesan Konfirmasi dengan JavaScript - YELLOWWEB.ID\" \/>\n<meta property=\"og:description\" content=\"Kali ini kita akan mencoba bagaimana membuat sebuah pesan konfirmasi dengan menggunakan JavaScript. Mungkin teman-teman kerap kali menjumpai sebuah aplikasi dengan menampilkan fitur pesan konfirmasi (pop up).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"YELLOWWEB.ID\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-09T00:30:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-09T00:30:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2022\/12\/javascript-yellowweb.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"yellowweb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"yellowweb\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/pesan-konfirmasi-dengan-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/pesan-konfirmasi-dengan-javascript\\\/\"},\"author\":{\"name\":\"yellowweb\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"headline\":\"Pesan Konfirmasi dengan JavaScript\",\"datePublished\":\"2022-12-09T00:30:04+00:00\",\"dateModified\":\"2022-12-09T00:30:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/pesan-konfirmasi-dengan-javascript\\\/\"},\"wordCount\":99,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/pesan-konfirmasi-dengan-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/javascript-yellowweb.jpg\",\"keywords\":[\"javascript\",\"js\",\"modal\"],\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/pesan-konfirmasi-dengan-javascript\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/pesan-konfirmasi-dengan-javascript\\\/\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/pesan-konfirmasi-dengan-javascript\\\/\",\"name\":\"Pesan Konfirmasi dengan JavaScript - YELLOWWEB.ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/pesan-konfirmasi-dengan-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/pesan-konfirmasi-dengan-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/javascript-yellowweb.jpg\",\"datePublished\":\"2022-12-09T00:30:04+00:00\",\"dateModified\":\"2022-12-09T00:30:29+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/pesan-konfirmasi-dengan-javascript\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/pesan-konfirmasi-dengan-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/pesan-konfirmasi-dengan-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/javascript-yellowweb.jpg\",\"contentUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/javascript-yellowweb.jpg\",\"width\":1280,\"height\":720,\"caption\":\"javascript-yellowweb.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/pesan-konfirmasi-dengan-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pesan Konfirmasi dengan JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\",\"name\":\"YELLOWWEB.ID\",\"description\":\"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\",\"name\":\"yellowweb\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"caption\":\"yellowweb\"},\"sameAs\":[\"https:\\\/\\\/www.yellowweb.id\"],\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/author\\\/yellowweb\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pesan Konfirmasi dengan JavaScript - YELLOWWEB.ID","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:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/","og_locale":"en_GB","og_type":"article","og_title":"Pesan Konfirmasi dengan JavaScript - YELLOWWEB.ID","og_description":"Kali ini kita akan mencoba bagaimana membuat sebuah pesan konfirmasi dengan menggunakan JavaScript. Mungkin teman-teman kerap kali menjumpai sebuah aplikasi dengan menampilkan fitur pesan konfirmasi (pop up).","og_url":"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/","og_site_name":"YELLOWWEB.ID","article_published_time":"2022-12-09T00:30:04+00:00","article_modified_time":"2022-12-09T00:30:29+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2022\/12\/javascript-yellowweb.jpg","type":"image\/jpeg"}],"author":"yellowweb","twitter_card":"summary_large_image","twitter_misc":{"Written by":"yellowweb","Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/#article","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/"},"author":{"name":"yellowweb","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"headline":"Pesan Konfirmasi dengan JavaScript","datePublished":"2022-12-09T00:30:04+00:00","dateModified":"2022-12-09T00:30:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/"},"wordCount":99,"commentCount":0,"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2022\/12\/javascript-yellowweb.jpg","keywords":["javascript","js","modal"],"articleSection":["JavaScript"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/","url":"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/","name":"Pesan Konfirmasi dengan JavaScript - YELLOWWEB.ID","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2022\/12\/javascript-yellowweb.jpg","datePublished":"2022-12-09T00:30:04+00:00","dateModified":"2022-12-09T00:30:29+00:00","author":{"@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"breadcrumb":{"@id":"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/#primaryimage","url":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2022\/12\/javascript-yellowweb.jpg","contentUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2022\/12\/javascript-yellowweb.jpg","width":1280,"height":720,"caption":"javascript-yellowweb.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.yellowweb.id\/blog\/pesan-konfirmasi-dengan-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yellowweb.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Pesan Konfirmasi dengan JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/www.yellowweb.id\/blog\/#website","url":"https:\/\/www.yellowweb.id\/blog\/","name":"YELLOWWEB.ID","description":"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yellowweb.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829","name":"yellowweb","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","caption":"yellowweb"},"sameAs":["https:\/\/www.yellowweb.id"],"url":"https:\/\/www.yellowweb.id\/blog\/author\/yellowweb\/"}]}},"_links":{"self":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/comments?post=1490"}],"version-history":[{"count":1,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1490\/revisions"}],"predecessor-version":[{"id":1492,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1490\/revisions\/1492"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media\/1491"}],"wp:attachment":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media?parent=1490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/categories?post=1490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/tags?post=1490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}