[{"data":1,"prerenderedAt":276},["ShallowReactive",2],{"tag-labels":3,"site-header":4,"article-sistem-input-dan-output-pada-python-3-id":72},{},{"featuredPost":5,"navigations":29},{"id":6,"title":7,"title_en":8,"slug":9,"excerpt":10,"excerpt_en":11,"has_translation":12,"published_at":13,"reading_time":14,"hidden_from_listing":15,"tags":16,"thumbnail_image":21,"og_image":22,"series":23,"authors":28},110,"Ketika Pilih Framework Cuma Biar Kelihatan Beda","When You Pick a Framework Just to Look Different","ketika-pilih-framework-cuma-biar-kelihatan-beda","Terakhir kali kamu milih framework atau library baru, itu karena masalahmu butuh alat itu, atau karena alatnya kedengaran keren dan belum banyak yang pakai? Pertanyaan ini nggak enak dijawab. Soalnya keputusan teknologi sering diambil dengan alasan yang nggak pernah ditulis di dokumen teknis mana pun.","The last time you chose a new framework or library, was it because your problem needed that tool, or because it sounded cool and few people around you were using it? That question is uncomfortable. Technology decisions are often made for reasons that never appear in any technical document.",true,"2026-10-06T15:25:21.000Z",5,false,[17,18,19,20],"karier","framework","opini","pengalaman",null,"\u002Fog\u002Fketika-pilih-framework-cuma-biar-kelihatan-beda.png",{"id":24,"title":25,"title_en":26,"slug":27},9,"Artikel","Articles","all",[],[30,46,67],{"collection":31,"item":32},"series",{"__typename":31,"title":25,"title_en":26,"slug":27,"children_series":33},[34,38,42],{"title":35,"title_en":36,"slug":37},"Kecerdasan Artifisial","Artificial Intelligence","kecerdasan-artifisial",{"title":39,"title_en":40,"slug":41},"Konsep Dasar Pemrograman","Programming Fundamentals","konsep-dasar-pemrograman",{"title":43,"title_en":44,"slug":45},"Algoritma dan Struktur Data","Algorithms and Data Structures","algoritma-struktur-data",{"collection":31,"item":47},{"__typename":31,"title":48,"title_en":48,"slug":49,"children_series":50},"Tutorial","tutorial",[51,55,59,63],{"title":52,"title_en":53,"slug":54},"Belajar Python","Learning Python","belajar-python",{"title":56,"title_en":57,"slug":58},"Belajar Golang","Learning Go","belajar-golang",{"title":60,"title_en":61,"slug":62},"Belajar Java","Learning Java","belajar-java",{"title":64,"title_en":65,"slug":66},"Belajar Pascal","Learning Pascal","belajar-pascal",{"collection":31,"item":68},{"__typename":31,"title":69,"title_en":69,"slug":70,"children_series":71},"Lab","lab",[],{"article":73,"renderedBody":158,"renderedTakeaway":159,"latestArticles":160,"toc":255},{"id":74,"title":75,"title_en":76,"slug":77,"excerpt":78,"excerpt_en":79,"has_translation":12,"published_at":80,"reading_time":81,"hidden_from_listing":15,"tags":82,"thumbnail_image":21,"og_image":86,"series":87,"authors":151,"body_locale":154,"available_locales":155,"body":157,"takeway":21,"prerequisite":21},91,"Sistem Input dan Output pada Python 3","Input and Output Systems in Python 3","sistem-input-dan-output-pada-python-3","Beberapa fungsi seperti print() dan input(), merupakan fungsi standar yang banyak digunakan untuk melakukan I\u002FO.","A few functions, print() and input() among them, are the standard tools most I\u002FO work in Python is built on.","2021-05-19T14:57:25.000Z",4,[83,84,85],"python","input-output","dasar","\u002Fog\u002Fsistem-input-dan-output-pada-python-3.png",{"id":88,"title":89,"title_en":90,"slug":91,"description":92,"description_en":93,"articles":94,"children_series":120,"parent_series":121},18,"Menggunakan Script Python","Working with Python Scripts","python-pemrograman-dengan-script","Keluar dari interpreter dan mulai nulis file .py sendiri, lengkap dengan cara mengambil input dan menampilkan output.","Leave the interpreter and start writing real .py files, including how to take input and print output.",[95,115],{"id":96,"title":97,"title_en":98,"slug":99,"excerpt":100,"excerpt_en":101,"has_translation":12,"published_at":102,"reading_time":81,"hidden_from_listing":15,"tags":103,"thumbnail_image":21,"og_image":106,"series":107,"authors":108},90,"Menulis dan Menjalankan Script Python","Writing and Running a Python Script","menulis-dan-menjalankan-script-python","Script python merupakan file berisi kode dengan bahasa Python yang biasanya memiliki ekstensi .py","A Python script is a file holding Python code, and it usually carries the .py extension.","2021-03-21T14:49:24.000Z",[83,49,104,105],"tooling","cli","\u002Fog\u002Fmenulis-dan-menjalankan-script-python.png",{"id":88,"title":89,"title_en":90,"slug":91},[109],{"authors_id":110},{"id":111,"name":112,"slug":113,"role":114,"profile_picture":21},1,"Daffa Izzuddin","izzudd","Writer",{"id":74,"title":75,"title_en":76,"slug":77,"excerpt":78,"excerpt_en":79,"has_translation":12,"published_at":80,"reading_time":81,"hidden_from_listing":15,"tags":82,"thumbnail_image":21,"og_image":86,"series":116,"authors":117},{"id":88,"title":89,"title_en":90,"slug":91},[118],{"authors_id":119},{"id":111,"name":112,"slug":113,"role":114,"profile_picture":21},[],{"id":122,"title":52,"title_en":53,"slug":54,"parent_series":123,"children_series":124},10,{"id":111,"title":48,"title_en":48,"slug":49},[125,130,135,136,141,146],{"id":126,"title":127,"title_en":128,"slug":129,"cover_image":21},16,"Berkenalan dengan Bahasa Python","Getting Started with Python","python-intro",{"id":131,"title":132,"title_en":133,"slug":134,"cover_image":21},17,"Variabel, Tipe Data, dan Operasi","Variables, Types, and Operations","python-variabel-tipe-data",{"id":88,"title":89,"title_en":90,"slug":91,"cover_image":21},{"id":137,"title":138,"title_en":139,"slug":140,"cover_image":21},19,"Struktur Kontrol","Control Structures","python-struktur-kontrol",{"id":142,"title":143,"title_en":144,"slug":145,"cover_image":21},20,"Pemrograman Fungsional dengan Python","Functional Programming with Python","python-pemrograman-fungsional",{"id":147,"title":148,"title_en":149,"slug":150,"cover_image":21},30,"Koleksi dan String","Collections and Strings","python-collections",[152],{"authors_id":153},{"id":111,"name":112,"slug":113,"role":114,"profile_picture":21},"id",[156,154],"en","Sistem **input output**, atau biasa disebut **I\u002FO** merupakan hal yang penting dalam [pemrograman](https:\u002F\u002Finvasikode.com\u002Fapa-itu-pemrograman\u002F). Untuk melakukan hal ini, Python sudah menyediakan beberapa fungsi yang bisa langsung kita gunakan.\n\nBeberapa fungsi seperti `print()` dan `input()`, merupakan fungsi standar yang banyak digunakan untuk melakukan I\u002FO. Mari kita bahas lebih lanjut.\n\n## Sistem Output pada Python dengan Fungsi `print()`\n\nPertama-tama kita akan membahas tentang sistem output terlebih dahulu.\n\nFungsi ini sebenarnya pernah kita singgung pada kesempatan [sebelumnya](https:\u002F\u002Finvasikode.com\u002Fsintaks-dasar-bahasa-python\u002F#Mencetak_Teks_Output). Pastinya juga sudah familiar karena sering kita gunakan.\n\nFungsi `print()` digunakan untuk mencetak sesuatu di layar terminal.\n\n```python\nprint(\"Halo Dunia👋\")\nprint(\"Teks ini akan dicetak di layar terminal\")\n```\n\nJika kode tersebut [dijalankan](https:\u002F\u002Finvasikode.com\u002Fmenjalankan-script-python\u002F#Menjalankan_Script_Python), maka akan keluar output seperti ini.\n\n```\nHalo Dunia👋\nTeks ini akan dicetak di layar terminal\n```\n\nSudah, begitu saja. Simpel kan. Eitss.. belum, ada beberapa lagi yang perlu kita bahas tentang fungsi yang satu ini.\n\n### Mencetak Beberapa Nilai\n\nFungsi `print()` dapat digunakan untuk mencetak beberapa nilai. Caranya adalah dengan memasukkan beberapa nilai yang dipisahkan dengan tanda koma.\n\n```python\nnama = \"Inva\"\numur = 18\nprint(\"Halo semua, namaku\", nama, \"umurku\", umur, \"tahun\")\n```\n\nJika dijalankan maka akan keluar output sebagai berikut\n\n```\nHalo semua, namaku Inva umurku 18 tahun\n```\n\nSecara default, python akan membubuhkan tanda spasi di antara setiap nilai yang kita berikan sebagai parameter fungsi `print()`.\n\n> **Parameter** merupakan istilah yang digunakan untuk menyebut **nilai** yang diberikan ke suatu fungsi.\n>\n> ~ Kita akan membahas lebih lanjut tentang parameter pada bagian **pemrograman prosedural dengan python**.\n\nJika ingin mengubah pemisahnya, maka kita bisa menambahkan parameter **sep** dengan pemisah yang diinginkan.\n\n```python\nnama = \"Inva\"\numur = 18\nprint(\"Halo semua, namaku\", nama, \"umurku\", umur, \"tahun\", sep=\"+\")\n```\n\nMaka outputnya akan berubah menjadi:\n\n```\nHalo semua, namaku+Inva+umurku+18+tahun\n```\n\n### *Output Formatting*\n\nKode yang sebelumnya ditulis sepertinya kurang enak dilihat. Ruwet dan terlalu banyak tanda koma di sana.\n\nUntuk menyelesaikan masalah ini, kita dapat melakukan *output formatting* dengan menggunakan method `format()` yang tersedia pada tipe data string.\n\nKita coba ubah kode ruwet tersebut menjadi seperti ini:\n\n```python\nnama = \"Inva\"\numur = 18\nprint(\"Halo semua, namaku {} umurku {} tahun\".format(nama, umur))\n```\n\nJika dijalankan, outputnya akan tetap sama seperti sebelumnya:\n\n```\nHalo semua, namaku Inva umurku 18 tahun\n```\n\nTanda **kurung kurawal** ({}) pada kode tersebut berfungsi sebagai ***placeholder*** atau pengganti nilai yang sebenarnya. Sedangkan, nilai sebenarnya diberikan pada parameter method `format` secara urut.\n\nGimana? Jadi lebih bersih kan **😎**\n\n## Sistem Input pada Python dengan Fungsi `input()`\n\nOutput sudah. Sekarang kita bahas tentang sistem input pada Python 3.\n\n**Input** atau masukan merupakan 'sesuatu' yang diberikan oleh pengguna untuk diolah oleh program. Input juga lah yang membuat suatu program dapat berjalan secara dinamis dan fleksibel.\n\nUntuk melakukan proses input, kita dapat menggunakan fungsi `input()` yang sudah disediakan pada python.\n\nFungsi ini menerima parameter berupa string yang akan ditampilkan di layar terminal. Fungsi ini juga mengembalikan string input dari pengguna.\n\nmari kita ubah kode yang sebelumnya sehingga menjadi sedikit lebih 'dinamis'\n\n```python\nnama = input(\"masukkan nama: \")\numur = input(\"masukkan umur: \")\nprint(\"Halo semua namaku {} umurku {} tahun\".format(nama, umur))\n```\n\nAlih-alih memberikan nilai secara langsung pada variabel **nama** dan **umur**. Pada contoh tersebut kita memberikan fungsi `input()` sebagai nilainya.\n\nJika dijalankan, maka kita akan diberi 2 kesempatan untuk memasukkan nilai. Tersebut selanjutnya akan dimasukkan kedalam variabel yang bersangkutan.\n\nBisa dilihat hasil outputnya berikut ini.\n\n```\nmasukkan nama: Udin\nmasukkan umur: 24\nHalo semua namaku Udin umurku 24 tahun\n```\n\n### Konversi Tipe Data Inputan\n\nWalaupun kita memasukkan **angka** sebagai inputan, variabel yang bersangkutan tetap akan bertipe **[string](https:\u002F\u002Finvasikode.com\u002Ftipe-data-string-python\u002F)**.\n\n**Contoh**\n\n```\ninput_angka = input(\"masukkan angka: \")\nprint(type(input_angka))\n```\n\nOutput:\n\n```\nmasukkan angka: 12\n\u003Cclass 'str'>\n```\n\nPada contoh tersebut dapat dilihat bahwa variable **input_angka** bertipe string.\n\n**Lalu, apa dampaknya?**\n\nMisalkan saja kita ingin membuat kalkulator sederhana untuk menjumlahkan 2 bilangan yang berasal dari input pengguna.\n\n```\nbil1 = input(\"bilangan 1: \")\nbil2 = input(\"bilangan 2: \")\nhasil = bil1 + bil2\nprint(\"hasil dari {} + {} adalah {}\".format(bil1, bil2, hasil))\n```\n\nMungkin kode tersebut terlihat normal-normal saja. Sekarang coba tebak bagaimana hasilnya jika pengguna melakukan input angka **12** dan **24**.\n\n```\nbilangan 1: 12\nbilangan 2: 24\nhasil dari 12 + 24 adalah 1224\n```\n\nHmm...🤔 Seharusnya muncul hasil 36 kan. Kira-kira kenapa bisa begitu?\n\nPada kode tersebut karena variable **bil1** dan **bil2** bertipe string, maka operasi yang terjadi pada variabel **hasil** adalah [operasi penggabungan](https:\u002F\u002Finvasikode.com\u002Ftipe-data-string-python\u002F#Operasi_Penggabungan). Sehingga yang kita dapat adalah hasil gabungan dari 2 string.\n\n**Jadi, solusinya bagaimana?**\n\nPada kasus ini, seharusnya kita melakukan operasi penjumlahan bilangan. Tetapi, operasi penjumlahan hanya dapat dilakukan pada variabel bertipe [angka](https:\u002F\u002Finvasikode.com\u002Ftipe-data-numerasi-python\u002F). Sehingga kita perlu melakukan konversi tipe data.\n\nUntuk mengubah tipe data **string** menjadi tipe data **float** atau **integer** dapat digunakan fungsi `float()` atau `int()`.\n\n```\nbil1 = input(\"bilangan 1: \")\nbil2 = input(\"bilangan 2: \")\nhasil = int(bil1) + int(bil2)\nprint(\"hasil dari {} + {} adalah {}\".format(bil1, bil2, hasil))\n```\n\nOutput:\n\n```\nbilangan 1: 12\nbilangan 2: 24\nhasil dari 12 + 24 adalah 36\n```\n\nYayy🎉🎉\n\n## Penutup\n\nSudah, cukup sekian untuk kesempatan kali ini. Semoga bermanfaat.\n\nPada kesempatan selanjutnya, kita akan lanjut membahas mengenai pemrograman dengan [kondisi pada Python 3](https:\u002F\u002Finvasikode.com\u002Fif-else-python\u002F)\n\nSee ya...\n","\u003Cp>Sistem \u003Cstrong>input output\u003C\u002Fstrong>, atau biasa disebut \u003Cstrong>I\u002FO\u003C\u002Fstrong> merupakan hal yang penting dalam \u003Ca href=\"https:\u002F\u002Finvasikode.com\u002Fapa-itu-pemrograman\u002F\">pemrograman\u003C\u002Fa>. Untuk melakukan hal ini, Python sudah menyediakan beberapa fungsi yang bisa langsung kita gunakan.\u003C\u002Fp>\n\u003Cp>Beberapa fungsi seperti \u003Ccode>print()\u003C\u002Fcode> dan \u003Ccode>input()\u003C\u002Fcode>, merupakan fungsi standar yang banyak digunakan untuk melakukan I\u002FO. Mari kita bahas lebih lanjut.\u003C\u002Fp>\n\u003Ch2 id=\"sistem-output-pada-python-dengan-fungsi-print\">Sistem Output pada Python dengan Fungsi \u003Ccode>print()\u003C\u002Fcode>\u003C\u002Fh2>\n\u003Cp>Pertama-tama kita akan membahas tentang sistem output terlebih dahulu.\u003C\u002Fp>\n\u003Cp>Fungsi ini sebenarnya pernah kita singgung pada kesempatan \u003Ca href=\"https:\u002F\u002Finvasikode.com\u002Fsintaks-dasar-bahasa-python\u002F#Mencetak_Teks_Output\">sebelumnya\u003C\u002Fa>. Pastinya juga sudah familiar karena sering kita gunakan.\u003C\u002Fp>\n\u003Cp>Fungsi \u003Ccode>print()\u003C\u002Fcode> digunakan untuk mencetak sesuatu di layar terminal.\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PYTHON\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"print(%22Halo%20Dunia%F0%9F%91%8B%22)%0Aprint(%22Teks%20ini%20akan%20dicetak%20di%20layar%20terminal%22)\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#79B8FF\">print\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"Halo Dunia👋\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#79B8FF\">print\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"Teks ini akan dicetak di layar terminal\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">)\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Jika kode tersebut \u003Ca href=\"https:\u002F\u002Finvasikode.com\u002Fmenjalankan-script-python\u002F#Menjalankan_Script_Python\">dijalankan\u003C\u002Fa>, maka akan keluar output seperti ini.\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"Halo%20Dunia%F0%9F%91%8B%0ATeks%20ini%20akan%20dicetak%20di%20layar%20terminal\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>Halo Dunia👋\nTeks ini akan dicetak di layar terminal\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Sudah, begitu saja. Simpel kan. Eitss.. belum, ada beberapa lagi yang perlu kita bahas tentang fungsi yang satu ini.\u003C\u002Fp>\n\u003Ch3 id=\"mencetak-beberapa-nilai\">Mencetak Beberapa Nilai\u003C\u002Fh3>\n\u003Cp>Fungsi \u003Ccode>print()\u003C\u002Fcode> dapat digunakan untuk mencetak beberapa nilai. Caranya adalah dengan memasukkan beberapa nilai yang dipisahkan dengan tanda koma.\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PYTHON\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"nama%20%3D%20%22Inva%22%0Aumur%20%3D%2018%0Aprint(%22Halo%20semua%2C%20namaku%22%2C%20nama%2C%20%22umurku%22%2C%20umur%2C%20%22tahun%22)\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">nama \u003C\u002Fspan>\u003Cspan style=\"color:#F97583\">=\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> \"Inva\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">umur \u003C\u002Fspan>\u003Cspan style=\"color:#F97583\">=\u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\"> 18\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#79B8FF\">print\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"Halo semua, namaku\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">, nama, \u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"umurku\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">, umur, \u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"tahun\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">)\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Jika dijalankan maka akan keluar output sebagai berikut\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"Halo%20semua%2C%20namaku%20Inva%20umurku%2018%20tahun\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>Halo semua, namaku Inva umurku 18 tahun\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Secara default, python akan membubuhkan tanda spasi di antara setiap nilai yang kita berikan sebagai parameter fungsi \u003Ccode>print()\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>\u003Cstrong>Parameter\u003C\u002Fstrong> merupakan istilah yang digunakan untuk menyebut \u003Cstrong>nilai\u003C\u002Fstrong> yang diberikan ke suatu fungsi.\u003C\u002Fp>\n\u003Cp>~ Kita akan membahas lebih lanjut tentang parameter pada bagian \u003Cstrong>pemrograman prosedural dengan python\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>Jika ingin mengubah pemisahnya, maka kita bisa menambahkan parameter \u003Cstrong>sep\u003C\u002Fstrong> dengan pemisah yang diinginkan.\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PYTHON\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"nama%20%3D%20%22Inva%22%0Aumur%20%3D%2018%0Aprint(%22Halo%20semua%2C%20namaku%22%2C%20nama%2C%20%22umurku%22%2C%20umur%2C%20%22tahun%22%2C%20sep%3D%22%2B%22)\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">nama \u003C\u002Fspan>\u003Cspan style=\"color:#F97583\">=\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> \"Inva\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">umur \u003C\u002Fspan>\u003Cspan style=\"color:#F97583\">=\u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\"> 18\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#79B8FF\">print\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"Halo semua, namaku\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">, nama, \u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"umurku\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">, umur, \u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"tahun\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">, \u003C\u002Fspan>\u003Cspan style=\"color:#FFAB70\">sep\u003C\u002Fspan>\u003Cspan style=\"color:#F97583\">=\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"+\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">)\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Maka outputnya akan berubah menjadi:\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"Halo%20semua%2C%20namaku%2BInva%2Bumurku%2B18%2Btahun\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>Halo semua, namaku+Inva+umurku+18+tahun\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Ch3 id=\"output-formatting\">\u003Cem>Output Formatting\u003C\u002Fem>\u003C\u002Fh3>\n\u003Cp>Kode yang sebelumnya ditulis sepertinya kurang enak dilihat. Ruwet dan terlalu banyak tanda koma di sana.\u003C\u002Fp>\n\u003Cp>Untuk menyelesaikan masalah ini, kita dapat melakukan \u003Cem>output formatting\u003C\u002Fem> dengan menggunakan method \u003Ccode>format()\u003C\u002Fcode> yang tersedia pada tipe data string.\u003C\u002Fp>\n\u003Cp>Kita coba ubah kode ruwet tersebut menjadi seperti ini:\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PYTHON\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"nama%20%3D%20%22Inva%22%0Aumur%20%3D%2018%0Aprint(%22Halo%20semua%2C%20namaku%20%7B%7D%20umurku%20%7B%7D%20tahun%22.format(nama%2C%20umur))\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">nama \u003C\u002Fspan>\u003Cspan style=\"color:#F97583\">=\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> \"Inva\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">umur \u003C\u002Fspan>\u003Cspan style=\"color:#F97583\">=\u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\"> 18\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#79B8FF\">print\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"Halo semua, namaku \u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\">{}\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> umurku \u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\">{}\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> tahun\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">.format(nama, umur))\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Jika dijalankan, outputnya akan tetap sama seperti sebelumnya:\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"Halo%20semua%2C%20namaku%20Inva%20umurku%2018%20tahun\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>Halo semua, namaku Inva umurku 18 tahun\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Tanda \u003Cstrong>kurung kurawal\u003C\u002Fstrong> ({}) pada kode tersebut berfungsi sebagai \u003Cem>\u003Cstrong>placeholder\u003C\u002Fstrong>\u003C\u002Fem> atau pengganti nilai yang sebenarnya. Sedangkan, nilai sebenarnya diberikan pada parameter method \u003Ccode>format\u003C\u002Fcode> secara urut.\u003C\u002Fp>\n\u003Cp>Gimana? Jadi lebih bersih kan \u003Cstrong>😎\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Ch2 id=\"sistem-input-pada-python-dengan-fungsi-input\">Sistem Input pada Python dengan Fungsi \u003Ccode>input()\u003C\u002Fcode>\u003C\u002Fh2>\n\u003Cp>Output sudah. Sekarang kita bahas tentang sistem input pada Python 3.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Input\u003C\u002Fstrong> atau masukan merupakan 'sesuatu' yang diberikan oleh pengguna untuk diolah oleh program. Input juga lah yang membuat suatu program dapat berjalan secara dinamis dan fleksibel.\u003C\u002Fp>\n\u003Cp>Untuk melakukan proses input, kita dapat menggunakan fungsi \u003Ccode>input()\u003C\u002Fcode> yang sudah disediakan pada python.\u003C\u002Fp>\n\u003Cp>Fungsi ini menerima parameter berupa string yang akan ditampilkan di layar terminal. Fungsi ini juga mengembalikan string input dari pengguna.\u003C\u002Fp>\n\u003Cp>mari kita ubah kode yang sebelumnya sehingga menjadi sedikit lebih 'dinamis'\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PYTHON\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"nama%20%3D%20input(%22masukkan%20nama%3A%20%22)%0Aumur%20%3D%20input(%22masukkan%20umur%3A%20%22)%0Aprint(%22Halo%20semua%20namaku%20%7B%7D%20umurku%20%7B%7D%20tahun%22.format(nama%2C%20umur))\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">nama \u003C\u002Fspan>\u003Cspan style=\"color:#F97583\">=\u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\"> input\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"masukkan nama: \"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">umur \u003C\u002Fspan>\u003Cspan style=\"color:#F97583\">=\u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\"> input\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"masukkan umur: \"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#79B8FF\">print\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"Halo semua namaku \u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\">{}\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> umurku \u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\">{}\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> tahun\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">.format(nama, umur))\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Alih-alih memberikan nilai secara langsung pada variabel \u003Cstrong>nama\u003C\u002Fstrong> dan \u003Cstrong>umur\u003C\u002Fstrong>. Pada contoh tersebut kita memberikan fungsi \u003Ccode>input()\u003C\u002Fcode> sebagai nilainya.\u003C\u002Fp>\n\u003Cp>Jika dijalankan, maka kita akan diberi 2 kesempatan untuk memasukkan nilai. Tersebut selanjutnya akan dimasukkan kedalam variabel yang bersangkutan.\u003C\u002Fp>\n\u003Cp>Bisa dilihat hasil outputnya berikut ini.\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"masukkan%20nama%3A%20Udin%0Amasukkan%20umur%3A%2024%0AHalo%20semua%20namaku%20Udin%20umurku%2024%20tahun\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>masukkan nama: Udin\nmasukkan umur: 24\nHalo semua namaku Udin umurku 24 tahun\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Ch3 id=\"konversi-tipe-data-inputan\">Konversi Tipe Data Inputan\u003C\u002Fh3>\n\u003Cp>Walaupun kita memasukkan \u003Cstrong>angka\u003C\u002Fstrong> sebagai inputan, variabel yang bersangkutan tetap akan bertipe \u003Cstrong>\u003Ca href=\"https:\u002F\u002Finvasikode.com\u002Ftipe-data-string-python\u002F\">string\u003C\u002Fa>\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Contoh\u003C\u002Fstrong>\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"input_angka%20%3D%20input(%22masukkan%20angka%3A%20%22)%0Aprint(type(input_angka))\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>input_angka = input(\"masukkan angka: \")\nprint(type(input_angka))\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Output:\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"masukkan%20angka%3A%2012%0A%3Cclass%20'str'%3E\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>masukkan angka: 12\n<class 'str'>\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Pada contoh tersebut dapat dilihat bahwa variable \u003Cstrong>input_angka\u003C\u002Fstrong> bertipe string.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Lalu, apa dampaknya?\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Misalkan saja kita ingin membuat kalkulator sederhana untuk menjumlahkan 2 bilangan yang berasal dari input pengguna.\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"bil1%20%3D%20input(%22bilangan%201%3A%20%22)%0Abil2%20%3D%20input(%22bilangan%202%3A%20%22)%0Ahasil%20%3D%20bil1%20%2B%20bil2%0Aprint(%22hasil%20dari%20%7B%7D%20%2B%20%7B%7D%20adalah%20%7B%7D%22.format(bil1%2C%20bil2%2C%20hasil))\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>bil1 = input(\"bilangan 1: \")\nbil2 = input(\"bilangan 2: \")\nhasil = bil1 + bil2\nprint(\"hasil dari {} + {} adalah {}\".format(bil1, bil2, hasil))\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Mungkin kode tersebut terlihat normal-normal saja. Sekarang coba tebak bagaimana hasilnya jika pengguna melakukan input angka \u003Cstrong>12\u003C\u002Fstrong> dan \u003Cstrong>24\u003C\u002Fstrong>.\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"bilangan%201%3A%2012%0Abilangan%202%3A%2024%0Ahasil%20dari%2012%20%2B%2024%20adalah%201224\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>bilangan 1: 12\nbilangan 2: 24\nhasil dari 12 + 24 adalah 1224\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Hmm...🤔 Seharusnya muncul hasil 36 kan. Kira-kira kenapa bisa begitu?\u003C\u002Fp>\n\u003Cp>Pada kode tersebut karena variable \u003Cstrong>bil1\u003C\u002Fstrong> dan \u003Cstrong>bil2\u003C\u002Fstrong> bertipe string, maka operasi yang terjadi pada variabel \u003Cstrong>hasil\u003C\u002Fstrong> adalah \u003Ca href=\"https:\u002F\u002Finvasikode.com\u002Ftipe-data-string-python\u002F#Operasi_Penggabungan\">operasi penggabungan\u003C\u002Fa>. Sehingga yang kita dapat adalah hasil gabungan dari 2 string.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Jadi, solusinya bagaimana?\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Pada kasus ini, seharusnya kita melakukan operasi penjumlahan bilangan. Tetapi, operasi penjumlahan hanya dapat dilakukan pada variabel bertipe \u003Ca href=\"https:\u002F\u002Finvasikode.com\u002Ftipe-data-numerasi-python\u002F\">angka\u003C\u002Fa>. Sehingga kita perlu melakukan konversi tipe data.\u003C\u002Fp>\n\u003Cp>Untuk mengubah tipe data \u003Cstrong>string\u003C\u002Fstrong> menjadi tipe data \u003Cstrong>float\u003C\u002Fstrong> atau \u003Cstrong>integer\u003C\u002Fstrong> dapat digunakan fungsi \u003Ccode>float()\u003C\u002Fcode> atau \u003Ccode>int()\u003C\u002Fcode>.\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"bil1%20%3D%20input(%22bilangan%201%3A%20%22)%0Abil2%20%3D%20input(%22bilangan%202%3A%20%22)%0Ahasil%20%3D%20int(bil1)%20%2B%20int(bil2)%0Aprint(%22hasil%20dari%20%7B%7D%20%2B%20%7B%7D%20adalah%20%7B%7D%22.format(bil1%2C%20bil2%2C%20hasil))\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>bil1 = input(\"bilangan 1: \")\nbil2 = input(\"bilangan 2: \")\nhasil = int(bil1) + int(bil2)\nprint(\"hasil dari {} + {} adalah {}\".format(bil1, bil2, hasil))\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Output:\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"bilangan%201%3A%2012%0Abilangan%202%3A%2024%0Ahasil%20dari%2012%20%2B%2024%20adalah%2036\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>bilangan 1: 12\nbilangan 2: 24\nhasil dari 12 + 24 adalah 36\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Yayy🎉🎉\u003C\u002Fp>\n\u003Ch2 id=\"penutup\">Penutup\u003C\u002Fh2>\n\u003Cp>Sudah, cukup sekian untuk kesempatan kali ini. Semoga bermanfaat.\u003C\u002Fp>\n\u003Cp>Pada kesempatan selanjutnya, kita akan lanjut membahas mengenai pemrograman dengan \u003Ca href=\"https:\u002F\u002Finvasikode.com\u002Fif-else-python\u002F\">kondisi pada Python 3\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>See ya...\u003C\u002Fp>\n","",[161,175,188,201,214,235],{"id":162,"title":163,"title_en":21,"slug":164,"excerpt":165,"excerpt_en":21,"has_translation":15,"published_at":166,"reading_time":167,"hidden_from_listing":15,"tags":168,"thumbnail_image":21,"og_image":170,"series":171,"authors":172},133,"Python Strings: the Badge That Only Worked for One Name","python-strings","The badge script printed the right name for the person who wrote it and the wrong name for everybody else. Slicing counts characters, and a name is words.","2026-10-28T13:00:00.000Z",6,[83,169],"string","\u002Fog\u002Fpython-strings.png",{"id":147,"title":148,"title_en":149,"slug":150},[173],{"authors_id":174},{"id":111,"name":112,"slug":113,"role":114,"profile_picture":21},{"id":176,"title":177,"title_en":21,"slug":178,"excerpt":179,"excerpt_en":21,"has_translation":15,"published_at":180,"reading_time":167,"hidden_from_listing":15,"tags":181,"thumbnail_image":21,"og_image":183,"series":184,"authors":185},132,"Python Tuples: Why All Three Points Are the Same Point","python-tuples","Three points walk into a loop and come out identical. The list was never copied three times; the name was. A tuple makes that bug impossible.","2026-10-28T12:00:00.000Z",[83,182],"tuple","\u002Fog\u002Fpython-tuples.png",{"id":147,"title":148,"title_en":149,"slug":150},[186],{"authors_id":187},{"id":111,"name":112,"slug":113,"role":114,"profile_picture":21},{"id":189,"title":190,"title_en":21,"slug":191,"excerpt":192,"excerpt_en":21,"has_translation":15,"published_at":193,"reading_time":167,"hidden_from_listing":15,"tags":194,"thumbnail_image":21,"og_image":196,"series":197,"authors":198},131,"Python Sets: the Duplicate That Keeps Coming Back","python-sets","A de-duplication loop that works on clean data leaves four tags where there should be two. The bug is case, and the fix is a `set`.","2026-10-28T11:00:00.000Z",[83,195],"set","\u002Fog\u002Fpython-sets.png",{"id":147,"title":148,"title_en":149,"slug":150},[199],{"authors_id":200},{"id":111,"name":112,"slug":113,"role":114,"profile_picture":21},{"id":202,"title":203,"title_en":21,"slug":204,"excerpt":205,"excerpt_en":21,"has_translation":15,"published_at":206,"reading_time":167,"hidden_from_listing":15,"tags":207,"thumbnail_image":21,"og_image":209,"series":210,"authors":211},130,"Python Dictionaries: the Key That Isn't There","python-dictionary","A word counter dies the first time it meets a word twice. The fix is one line; what takes longer is knowing which of a dict's three lookups to reach for.","2026-10-28T10:00:00.000Z",[83,208],"dictionary","\u002Fog\u002Fpython-dictionary.png",{"id":147,"title":148,"title_en":149,"slug":150},[212],{"authors_id":213},{"id":111,"name":112,"slug":113,"role":114,"profile_picture":21},{"id":215,"title":216,"title_en":217,"slug":218,"excerpt":219,"excerpt_en":220,"has_translation":12,"published_at":221,"reading_time":14,"hidden_from_listing":15,"tags":222,"thumbnail_image":21,"og_image":229,"series":230,"authors":232},129,"Biar RAG nggak kena 504: pisahin jalur query dan ingestion","So Your RAG Stops Hitting 504: Split the Query Path From Ingestion","rag-pisah-jalur-query-dan-ingestion","Satu service RAG yang merangkap parsing dan menjawab kueri bakal tumbang pas ada yang upload PDF 200 halaman. Obatnya dua jalur dan satu queue.","One RAG service that both parses uploads and answers queries will fall over the moment someone uploads a 200-page PDF. The cure is two paths and one queue.","2026-10-22T01:30:00.000Z",[223,224,225,226,227,228],"rag","cloud-run","cloud-tasks","gcp","serverless","arsitektur","\u002Fog\u002Frag-pisah-jalur-query-dan-ingestion.png",{"id":231,"title":35,"title_en":36,"slug":37},8,[233],{"authors_id":234},{"id":111,"name":112,"slug":113,"role":114,"profile_picture":21},{"id":236,"title":237,"title_en":238,"slug":239,"excerpt":240,"excerpt_en":241,"has_translation":12,"published_at":242,"reading_time":167,"hidden_from_listing":15,"tags":243,"thumbnail_image":21,"og_image":250,"series":251,"authors":252},128,"Linear atau graf: cara mengatur banyak agent tanpa loop abadi","Linear or Graph: How to Run Many Agents Without an Eternal Loop","multi-agen-linear-atau-grafik","Satu agent dengan dua puluh tool gampang kacau. Begitu beberapa agent saling revisi, kamu butuh graf yang mendukung cycle dan angka yang membuatnya berhenti.","One agent with twenty tools gets messy fast. Once several agents revise each other, you need a graph that allows cycles and a number that makes it stop.","2026-10-21T16:05:00.000Z",[244,245,246,247,248,249],"multi-agent","langgraph","autogen","orkestrasi","checkpoint","llm","\u002Fog\u002Fmulti-agen-linear-atau-grafik.png",{"id":231,"title":35,"title_en":36,"slug":37},[253],{"authors_id":254},{"id":111,"name":112,"slug":113,"role":114,"profile_picture":21},[256,260,264,267,270,273],{"text":257,"depth":258,"id":259},"Sistem Output pada Python dengan Fungsi print()",2,"sistem-output-pada-python-dengan-fungsi-print",{"text":261,"depth":262,"id":263},"Mencetak Beberapa Nilai",3,"mencetak-beberapa-nilai",{"text":265,"depth":262,"id":266},"Output Formatting","output-formatting",{"text":268,"depth":258,"id":269},"Sistem Input pada Python dengan Fungsi input()","sistem-input-pada-python-dengan-fungsi-input",{"text":271,"depth":262,"id":272},"Konversi Tipe Data Inputan","konversi-tipe-data-inputan",{"text":274,"depth":258,"id":275},"Penutup","penutup",1793295835224]