{"id":25178,"date":"2024-12-25T13:30:43","date_gmt":"2024-12-25T06:30:43","guid":{"rendered":"https:\/\/jakarta.telkomuniversity.ac.id\/?p=25178"},"modified":"2024-12-30T16:04:03","modified_gmt":"2024-12-30T09:04:03","slug":"cara-membuat-program-kalkulator-sederhana-dengan-javascript","status":"publish","type":"post","link":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/cara-membuat-program-kalkulator-sederhana-dengan-javascript\/","title":{"rendered":"Cara Membuat Program Kalkulator Sederhana dengan JavaScript"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Mempelajari cara membuat program kalkulator sederhana dengan JavaScript adalah langkah awal yang ideal bagi pemula untuk memahami dasar-dasar pengembangan aplikasi berbasis web. Kalkulator adalah aplikasi sederhana yang menggabungkan penggunaan HTML, CSS, dan JavaScript untuk menangani input pengguna, melakukan operasi matematika, dan menampilkan hasilnya.<\/p>\n<p>Artikel ini akan menjelaskan proses pembuatan kalkulator sederhana secara bertahap, menggunakan bahasa yang mudah dipahami masyarakat awam.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/japanese-traditional-abacus-soroban-isolated-on-wh-2023-11-27-05-29-10-utc-300x200.webp\" class=\"vc_single_image-img attachment-medium\" alt=\"Cara Membuat Program Kalkulator\" title=\"Cara Membuat Program Kalkulator\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/japanese-traditional-abacus-soroban-isolated-on-wh-2023-11-27-05-29-10-utc-300x200.webp 300w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/japanese-traditional-abacus-soroban-isolated-on-wh-2023-11-27-05-29-10-utc-1024x684.webp 1024w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/japanese-traditional-abacus-soroban-isolated-on-wh-2023-11-27-05-29-10-utc-768x513.webp 768w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/japanese-traditional-abacus-soroban-isolated-on-wh-2023-11-27-05-29-10-utc-1536x1025.webp 1536w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/japanese-traditional-abacus-soroban-isolated-on-wh-2023-11-27-05-29-10-utc-2048x1367.webp 2048w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/japanese-traditional-abacus-soroban-isolated-on-wh-2023-11-27-05-29-10-utc-150x100.webp 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: left\" class=\"vc_custom_heading vc_do_custom_heading\" >Mengapa Menggunakan JavaScript untuk Membuat Kalkulator?<\/h2>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>JavaScript adalah bahasa pemrograman yang berjalan di browser dan dirancang untuk menambahkan interaktivitas pada halaman web. Dalam proyek kalkulator sederhana, JavaScript digunakan untuk:<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Menangani klik tombol (event handling).<\/li>\n<li>Melakukan operasi matematika seperti penjumlahan, pengurangan, perkalian, dan pembagian.<\/li>\n<li>Menampilkan hasil operasi pada layar kalkulator.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/the-connected-male-wooden-mannequin-holds-a-calcul-2023-11-27-05-31-43-utc-300x200.webp\" class=\"vc_single_image-img attachment-medium\" alt=\"Cara Membuat Program Kalkulator menggunakan JavaScript bantuan AI\" title=\"Cara Membuat Program Kalkulator menggunakan JavaScript bantuan AI\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/the-connected-male-wooden-mannequin-holds-a-calcul-2023-11-27-05-31-43-utc-300x200.webp 300w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/the-connected-male-wooden-mannequin-holds-a-calcul-2023-11-27-05-31-43-utc-1024x683.webp 1024w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/the-connected-male-wooden-mannequin-holds-a-calcul-2023-11-27-05-31-43-utc-768x512.webp 768w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/the-connected-male-wooden-mannequin-holds-a-calcul-2023-11-27-05-31-43-utc-1536x1024.webp 1536w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/the-connected-male-wooden-mannequin-holds-a-calcul-2023-11-27-05-31-43-utc-2048x1365.webp 2048w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/the-connected-male-wooden-mannequin-holds-a-calcul-2023-11-27-05-31-43-utc-150x100.webp 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: left\" class=\"vc_custom_heading vc_do_custom_heading\" >Persiapan Proyek<\/h2>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<ol>\n<li><strong>Siapkan Editor Teks dan Browser<\/strong><br \/>\nAnda memerlukan editor teks seperti Visual Studio Code atau Notepad++ untuk menulis kode, serta browser seperti Chrome untuk menjalankan program.<\/li>\n<li><strong>Buat Struktur Proyek<\/strong><br \/>\nBuat folder baru untuk proyek Anda, lalu tambahkan tiga file:<\/p>\n<ul>\n<li><code>index.html<\/code> untuk struktur halaman.<\/li>\n<li><code>style.css<\/code> untuk tampilan.<\/li>\n<li><code>script.js<\/code> untuk logika program.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_tta-container\" data-vc-action=\"collapse\"><div class=\"vc_general vc_tta vc_tta-accordion vc_tta-color-grey vc_tta-style-classic vc_tta-shape-rounded vc_tta-o-shape-group vc_tta-controls-align-default\"><div class=\"vc_tta-panels-container\"><div class=\"vc_tta-panels\"><div class=\"vc_tta-panel vc_active\" id=\"1735014636994-74527e60-9c60\" data-vc-content=\".vc_tta-panel-body\"><div class=\"vc_tta-panel-heading\"><h4 class=\"vc_tta-panel-title vc_tta-controls-icon-position-left\"><a href=\"#1735014636994-74527e60-9c60\" data-vc-accordion data-vc-container=\".vc_tta-container\"><span class=\"vc_tta-title-text\">Langkah 1: Membuat Struktur HTML<\/span><i class=\"vc_tta-controls-icon vc_tta-controls-icon-plus\"><\/i><\/a><\/h4><\/div><div class=\"vc_tta-panel-body\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Struktur HTML adalah kerangka utama kalkulator Anda. Berikut adalah contoh kode HTML dasar:<\/p>\n<p>&lt;!DOCTYPE html&gt;<br \/>\n&lt;html lang=&#8221;id&#8221;&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;meta charset=&#8221;UTF-8&#8243;&gt;<br \/>\n&lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1.0&#8243;&gt;<br \/>\n&lt;title&gt;Kalkulator Sederhana&lt;\/title&gt;<br \/>\n&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;style.css&#8221;&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n&lt;div class=&#8221;calculator&#8221;&gt;<br \/>\n&lt;div class=&#8221;display&#8221; id=&#8221;display&#8221;&gt;0&lt;\/div&gt;<br \/>\n&lt;div class=&#8221;buttons&#8221;&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;7&#8243;&gt;7&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;8&#8243;&gt;8&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;9&#8243;&gt;9&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;\/&#8221;&gt;\u00f7&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;4&#8243;&gt;4&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;5&#8243;&gt;5&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;6&#8243;&gt;6&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;*&#8221;&gt;\u00d7&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;1&#8243;&gt;1&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;2&#8243;&gt;2&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;3&#8243;&gt;3&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;-&#8220;&gt;-&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;0&#8243;&gt;0&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;.&#8221;&gt;.&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;=&#8221;&gt;=&lt;\/button&gt;<br \/>\n&lt;button class=&#8221;btn&#8221; data-value=&#8221;+&#8221;&gt;+&lt;\/button&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;script src=&#8221;script.js&#8221;&gt;&lt;\/script&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p>\n<div class=\"contain-inline-size rounded-md border-&#091;0.5px&#093; border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none\">html<\/div>\n<div class=\"sticky top-9 md:top-&#091;5.75rem&#093;\">\n<div class=\"absolute bottom-0 right-2 flex h-9 items-center\">\n<div class=\"flex items-center rounded bg-token-sidebar-surface-primary px-2 font-sans text-xs text-token-text-secondary dark:bg-token-main-surface-secondary\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center select-none py-1\" aria-label=\"Copy\">Copy code<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_tta-panel\" id=\"1735014637024-cefcef29-cfec\" data-vc-content=\".vc_tta-panel-body\"><div class=\"vc_tta-panel-heading\"><h4 class=\"vc_tta-panel-title vc_tta-controls-icon-position-left\"><a href=\"#1735014637024-cefcef29-cfec\" data-vc-accordion data-vc-container=\".vc_tta-container\"><span class=\"vc_tta-title-text\">Langkah 2: Menambahkan Gaya dengan CSS<\/span><i class=\"vc_tta-controls-icon vc_tta-controls-icon-plus\"><\/i><\/a><\/h4><\/div><div class=\"vc_tta-panel-body\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Gunakan CSS untuk membuat kalkulator terlihat lebih menarik. Berikut adalah contoh sederhana:<\/p>\n<p>body {<br \/>\nfont-family: Arial, sans-serif;<br \/>\ndisplay: flex;<br \/>\njustify-content: center;<br \/>\nalign-items: center;<br \/>\nheight: 100vh;<br \/>\nmargin: 0;<br \/>\nbackground-color: #f4f4f4;<br \/>\n}<\/p>\n<p>.calculator {<br \/>\nwidth: 300px;<br \/>\nbackground: #fff;<br \/>\nborder-radius: 10px;<br \/>\nbox-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);<br \/>\noverflow: hidden;<br \/>\n}<\/p>\n<p>.display {<br \/>\nbackground: #333;<br \/>\ncolor: #fff;<br \/>\nfont-size: 2em;<br \/>\ntext-align: right;<br \/>\npadding: 20px;<br \/>\nbox-sizing: border-box;<br \/>\n}<\/p>\n<p>.buttons {<br \/>\ndisplay: grid;<br \/>\ngrid-template-columns: repeat(4, 1fr);<br \/>\n}<\/p>\n<p>.btn {<br \/>\nborder: 1px solid #ddd;<br \/>\npadding: 20px;<br \/>\nfont-size: 1.2em;<br \/>\ntext-align: center;<br \/>\ncursor: pointer;<br \/>\nbackground: #f9f9f9;<br \/>\ntransition: background 0.2s;<br \/>\n}<\/p>\n<p>.btn:hover {<br \/>\nbackground: #eaeaea;<br \/>\n}<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_tta-panel\" id=\"1735014754867-be803046-bc81\" data-vc-content=\".vc_tta-panel-body\"><div class=\"vc_tta-panel-heading\"><h4 class=\"vc_tta-panel-title vc_tta-controls-icon-position-left\"><a href=\"#1735014754867-be803046-bc81\" data-vc-accordion data-vc-container=\".vc_tta-container\"><span class=\"vc_tta-title-text\">Langkah 3: Menambahkan Logika dengan JavaScript<\/span><i class=\"vc_tta-controls-icon vc_tta-controls-icon-plus\"><\/i><\/a><\/h4><\/div><div class=\"vc_tta-panel-body\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>JavaScript digunakan untuk menangani logika kalkulator, seperti membaca input pengguna dan melakukan perhitungan. Tambahkan kode berikut ke file <code>script.js<\/code>:<\/p>\n<p>const display = document.getElementById(&#8216;display&#8217;);<br \/>\nlet currentInput = &#8221;;<br \/>\nlet operator = &#8221;;<br \/>\nlet operand1 = null;<\/p>\n<p>const buttons = document.querySelectorAll(&#8216;.btn&#8217;);<br \/>\nbuttons.forEach(button =&gt; {<br \/>\nbutton.addEventListener(&#8216;click&#8217;, () =&gt; {<br \/>\nconst value = button.getAttribute(&#8216;data-value&#8217;);<\/p>\n<p>if (value === &#8216;=&#8217;) {<br \/>\nif (operand1 !== null &amp;&amp; operator !== &#8221; &amp;&amp; currentInput !== &#8221;) {<br \/>\nconst operand2 = parseFloat(currentInput);<br \/>\nlet result = 0;<\/p>\n<p>switch (operator) {<br \/>\ncase &#8216;+&#8217;: result = operand1 + operand2; break;<br \/>\ncase &#8216;-&#8216;: result = operand1 &#8211; operand2; break;<br \/>\ncase &#8216;*&#8217;: result = operand1 * operand2; break;<br \/>\ncase &#8216;\/&#8217;: result = operand1 \/ operand2; break;<br \/>\n}<\/p>\n<p>display.textContent = result;<br \/>\ncurrentInput = result.toString();<br \/>\noperator = &#8221;;<br \/>\noperand1 = null;<br \/>\n}<br \/>\n} else if ([&#8216;+&#8217;, &#8216;-&#8216;, &#8216;*&#8217;, &#8216;\/&#8217;].includes(value)) {<br \/>\noperand1 = parseFloat(currentInput);<br \/>\noperator = value;<br \/>\ncurrentInput = &#8221;;<br \/>\n} else {<br \/>\ncurrentInput += value;<br \/>\ndisplay.textContent = currentInput;<br \/>\n}<br \/>\n});<br \/>\n});<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Kode ini membaca nilai tombol yang ditekan, mengidentifikasi apakah itu angka, operator, atau perintah untuk menghitung (<code>=<\/code>), dan kemudian melakukan operasi yang sesuai.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Kalkulator sederhana dengan JavaScript adalah proyek pemula yang ideal untuk memahami bagaimana HTML, CSS, dan JavaScript bekerja bersama. Dengan menggunakan elemen dasar seperti tombol dan layar, Anda dapat mengembangkan pemahaman yang lebih baik tentang pengelolaan input pengguna, event handling, dan manipulasi DOM.<\/p>\n<p>Proyek ini juga membuka peluang untuk belajar lebih banyak tentang fitur lanjutan seperti validasi input, animasi CSS, dan integrasi dengan teknologi lainnya. Mulailah sekarang dan eksplorasi kreativitas Anda!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/computer-screen-displaying-program-code-website-d-2023-11-27-05-19-27-utc-scaled.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Kode Cara Membuat Program Kalkulator Sederhana dengan JavaScript\" title=\"Kode Cara Membuat Program Kalkulator Sederhana dengan JavaScript\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/computer-screen-displaying-program-code-website-d-2023-11-27-05-19-27-utc-scaled.webp 2560w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/computer-screen-displaying-program-code-website-d-2023-11-27-05-19-27-utc-300x200.webp 300w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/computer-screen-displaying-program-code-website-d-2023-11-27-05-19-27-utc-1024x683.webp 1024w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/computer-screen-displaying-program-code-website-d-2023-11-27-05-19-27-utc-768x512.webp 768w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/computer-screen-displaying-program-code-website-d-2023-11-27-05-19-27-utc-1536x1024.webp 1536w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/computer-screen-displaying-program-code-website-d-2023-11-27-05-19-27-utc-2048x1365.webp 2048w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/12\/computer-screen-displaying-program-code-website-d-2023-11-27-05-19-27-utc-150x100.webp 150w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Baca Selengkapnya:<a href=\"https:\/\/jakarta.telkomuniversity.ac.id\/panduan-dasar-pemrograman-berbasis-objek-oop-untuk-pemula\/\"> Panduan Dasar Pemrograman Berbasis Objek (OOP) untuk Pemula<\/a><\/p>\n<p>Baca Selengkapnya:\u00a0<a href=\"https:\/\/jakarta.telkomuniversity.ac.id\/tutorial-program-menghitung-rata-rata-dengan-python\/\">Tutorial Program Menghitung Rata-Rata dengan Python<\/a><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Mempelajari cara membuat program kalkulator sederhana dengan JavaScript adalah langkah awal yang ideal bagi pemula untuk memahami dasar-dasar pengembangan aplikasi berbasis web. Kalkulator adalah aplikasi sederhana yang menggabungkan penggunaan HTML, CSS, dan JavaScript untuk menangani input pengguna, melakukan operasi matematika, dan menampilkan hasilnya. Artikel ini akan menjelaskan proses pembuatan kalkulator sederhana secara bertahap, menggunakan bahasa [...]","protected":false},"author":37,"featured_media":25182,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":0,"footnotes":""},"categories":[300],"tags":[1083,1085,1084,1086],"class_list":["post-25178","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pendidikan","tag-cara-membuat-program-kalkulator-sederhana","tag-javascript","tag-kalkulator-sederhana","tag-membuat-kalkulator-sederhana-dengan-javascript"],"_links":{"self":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/25178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/comments?post=25178"}],"version-history":[{"count":1,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/25178\/revisions"}],"predecessor-version":[{"id":25225,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/25178\/revisions\/25225"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media\/25182"}],"wp:attachment":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media?parent=25178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/categories?post=25178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/tags?post=25178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}