{"id":51543,"date":"2024-11-12T08:25:37","date_gmt":"2024-11-12T01:25:37","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=51543"},"modified":"2024-11-12T08:25:39","modified_gmt":"2024-11-12T01:25:39","slug":"javascript-adalah","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/javascript-adalah\/","title":{"rendered":"Apa Itu Javascript? Pengertian, Fungsi hingga Contohnya"},"content":{"rendered":"\n<p>Setiap orang&nbsp;tentu sudah pernah berselancar di internet. Namun, tahukah Anda apa yang menyebabkan tampilan website begitu menarik dan \u201cbernyawa\u201d, sehingga kemudian tercipta interaksi antara pengunjung dengan website? JavaScript adalah jawabannya!<\/p>\n\n\n\n\n\n<p>Lalu, apa itu JavaScript dan bagaimana contoh penggunaannya? Pada artikel ini, kami akan menjelaskan secara lengkap tentang JavaScript untuk Anda! Berikut informasi selengkapnya.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-apa-itu-javascript-nbsp\">Apa itu JavaScript?&nbsp;<\/h2>\n\n\n\n<p>JavaScript adalah sebuah bahasa pemrograman yang fitur dan fungsionalitasnya sering ditemui di kehidupan sehari-hari, dalam bentuk konten yang bergerak di depan layar tanpa perlu memuat ulang halaman secara manual.<\/p>\n\n\n\n<p>Untuk lebih memahami pengertian JavaScript, pernahkah Anda diminta oleh kawan untuk mengisi kuesioner skripsinya atau sebuah <em>polling<\/em>? JavaScript adalah bahasa pemrograman yang bertanggung jawab atas elemen yang tampil di layar tersebut.<\/p>\n\n\n\n<p>Contoh lain dari penggunaan JavaScript yang sering ditemui adalah ketika Anda mengklik tombol <em>like<\/em> atau memberi <em>komentar<\/em> di media sosial, kemudian jumlah <em>like<\/em> atau komentar ini bertambah tanpa perlu memuat ulang halaman secara manual.<\/p>\n\n\n\n<p>Singkatnya, JavaScript adalah bahasa pemrograman yang dipakai untuk membuat website lebih dinamis dan interaktif.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-logika-javascript\">Logika JavaScript<\/h2>\n\n\n\n<p>Bagi Anda yang sudah familier dengan bahasa pemrograman, tentu sudah tidak asing lagi dengan istilah <a href=\"https:\/\/www.rumahweb.com\/journal\/html-adalah\/\" target=\"_blank\" rel=\"noopener\" title=\"html adalah\">HTML<\/a> dan CSS. Dua bahasa pemrograman tersebut berfungsi untuk membangun struktur dan <em>layout<\/em> website, mengatur tampilan, hingga memberikan <em>style<\/em> pada website.<\/p>\n\n\n\n<p>Jika diibaratkan sebagai panggung pertunjukan, maka HTML adalah tenda, CSS merupakan dekorasinya, sedangkan JavaScript adalah si penyanyi yang berlenggak-lenggok di atas panggung sembari satu dua kali menodongkan mikrofon ke arah penonton untuk mengajak mereka turut serta berdendang.<\/p>\n\n\n\n<p>Berdasarkan analogi di atas, dapat disimpulkan bahwa JavaScript adalah bahasa pemrograman yang dapat membuat tampilan website menjadi lebih menarik, sehingga pengunjung betah berlama-lama mengeksplorasi isi di dalamnya. Sama seperti penonton yang betah lama-lama menonton konser hingga selesai.<\/p>\n\n\n\n<p>Dahulu, proses pengolahan kode JavaScript hanya bisa berjalan di <em>browser<\/em>, karena bahasa pemrogramannya hanya bekerja dari sisi klien atau <em>front-end<\/em>.<\/p>\n\n\n\n<p>Kemudian, Google perlahan membangun teknik pembaruan data halaman website tanpa proses muat ulang manual, untuk fitur suggestion di kolom pencarian, menggunakan AJAX (Asynchronous JavaScript and XML).<\/p>\n\n\n\n<p>Waktu terus berlalu, dan ada banyak perkembangan dari teknologi JavaScript. Kini, selain bisa digunakan di sisi <em>client<\/em>, bahasa pemrograman tingkat tinggi yang dikembangkan pertama kali oleh Brendan Eich dari Netscape ini juga bisa digunakan di sisi server.<\/p>\n\n\n\n<p>Platform <em>framework<\/em> JavaScript, seperti Node.js, React.js, dan lainnya, juga dapat dimanfaatkan untuk eksekusi bahasa pemrograman di sisi server.<\/p>\n\n\n\n<p>Kelahiran produk-produk canggih seperti aplikasi untuk mobile, website aplikasi, hingga game <em>online<\/em> berbasis <em>web browser<\/em>, menjadi pertanda bahwa dengan <em><a href=\"https:\/\/www.rumahweb.com\/journal\/framework-adalah\/\" target=\"_blank\" rel=\"noopener\" title=\"framework adalah\">framework<\/a><\/em>, sudah banyak backend <em>developer<\/em> yang menaruh perhatian lebih terhadap bahasa pemrograman JavaScript.<\/p>\n\n\n\n<p>Dengan berbagai perkembangan ini, tentu tak mengherankan bila JavaScript adalah bahasa pemrograman yang tetap populer hingga saat ini.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-kelebihan-javascript\">Kelebihan JavaScript<\/h2>\n\n\n\n<p>JavaScript adalah sebuah <a href=\"https:\/\/blog.rumahweb.com\/bahasa-pemrograman-adalah\/\" target=\"_blank\" rel=\"noopener\" title=\"bahasa pemrograman adalah\">bahasa pemrograman<\/a> yang berbeda dengan bahasa pemrograman lain, seperti PHP, Java, CSS, jQuery, HTML, Python, SQL, dan C++. Berikut ini keunggulan-keunggulan yang dimiliki oleh JavaScript:\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-mudah-dipelajari\">1. Mudah dipelajari<\/h3>\n\n\n\n<p>Ada banyak bahasa pemrograman, dan tentu saja butuh waktu yang tidak singkat bila ingin mempelajari semuanya. Itulah mengapa orang-orang kemudian mencari bahasa pemrograman yang mudah dipelajari.<\/p>\n\n\n\n<p>JavaScript adalah salah satu bahasa pemrograman yang paling banyak dipilih oleh <em>developer<\/em> website karena kesederhanaannya. Terlebih, JavaScript juga diperlukan untuk membuat tampilan, jika Anda membuat <em>mobile app development<\/em> maupun <em>software development<\/em>.<\/p>\n\n\n\n<p>Pipa-pipa informasi yang terbuka lebar seperti sekarang ini juga sangat memudahkan siapapun yang ingin mencari sumber informasi terkait bahasa pemrograman.<\/p>\n\n\n\n<p>Internet menyediakan ragam konten pembelajaran, seperti suara, gambar, bahkan video panduan. Atau, jika Anda lebih menyukai pembelajaran menggunakan buku, Anda dapat dengan mudah menyambangi toko buku atau perpustakaan.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-mudah-dikolaborasikan\">2. Mudah dikolaborasikan<\/h3>\n\n\n\n<p>Selain mudah dipelajari, JavaScript adalah bahasa pemrograman yang cukup fleksibel, karena juga bisa dikolaborasikan dengan bahasa pemrograman lainnya.<\/p>\n\n\n\n<p>Contohnya, dapat dikolaborasikan PHP, karena ada skrip yang tidak bisa diproses oleh PHP, tetapi JavaScript dapat menjalankan fungsinya. Tentu saja, hal ini dapat meringankan pekerjaan <em>developer<\/em> website sehingga proses pengerjaan lebih cepat selesai.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-dapat-dijalankan-multi-platform\">3. Dapat dijalankan multi platform<\/h3>\n\n\n\n<p>Kemajuan teknologi melahirkan berbagai sistem operasi, seperti MacOS, Linux, Windows, dan Android. Tentu keberagaman sistem operasi ini kurang berguna apabila bahasa pemrograman hanya bisa dipakai pada satu <em>platform<\/em> saja.<\/p>\n\n\n\n<p>Namun, Anda tidak perlu khawatir karena JavaScript adalah bahasa pemrograman yang bisa dioperasikan dalam berbagai <em>platform<\/em>, bahkan juga dapat dipakai pada gawai atau perangkat tanpa sistem operasi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-tidak-memerlukan-kompilator\">4. Tidak memerlukan kompilator<\/h3>\n\n\n\n<p>Penggunaan JavaScript tidak membutuhkan kompilator sebagai penerjemah bahasa pemrograman dalam komputer. Melalui HTML, peramban website sudah bisa menginterpretasikan JavaScript.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-ringan-mudah-dan-cepat\">5. Ringan, mudah, dan cepat<\/h3>\n\n\n\n<p>JavaScript adalah bahasa pemrograman yang ringan. Hal ini seluruh proses yang berjalan di halaman akan diakses oleh sisi klien, sehingga wajar jika JavaScript hanya membutuhkan sedikit sumber memori.<\/p>\n\n\n\n<p>Server atau <strong><a href=\"https:\/\/www.rumahweb.com\/hosting-murah\/\" target=\"_blank\" rel=\"noopener\" title=\"hosting murah\">hosting<\/a> <\/strong>hanya butuh mengolah permintaan HTTP saja. Itulah mengapa selain tidak membutuhkan <em>resource<\/em> besar, proses dalam peramban bisa berjalan dengan lebih mudah dan cepat.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-6-dinamis\">6. Dinamis<\/h3>\n\n\n\n<p>Penambahan fitur dan proses pemasangan JavaScript sangat mudah dilakukan. Salah satu sifat JavaScript adalah dinamis, sehingga memudahkan Anda untuk mengembangkan perangkat lunak, aplikasi, maupun website secara fleksibel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-7-efisien\">7. Efisien<\/h3>\n\n\n\n<p>JavaScript adalah bahasa pemrograman yang efisien. Anda dapat mengecek data secara otomatis, karena JavaScript dapat dipakai untuk validasi input. Jadi, Anda tidak perlu repot-repot mengerjakan secara manual.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-8-memudahkan-pengembangan\">8. Memudahkan pengembangan<\/h3>\n\n\n\n<p>Dalam Stoikisme, dikenal istilah <em>Prokopton<\/em>, yang artinya adalah sedang berusaha menjadi lebih baik. Dalam bahasa Jepang juga ada sebuah istilah yang kerap ditempel di tembok-tembok perusahaan, yakni <em>Kaizen<\/em> yang maknanya perbaikan terus-menerus.<\/p>\n\n\n\n<p>Seiring dengan meningkatnya kebutuhan pengguna dan pengembangan teknologi terbaru, tentu aplikasi juga butuh menganut prinsip Prokopton dan Kaizen.<\/p>\n\n\n\n<p>Aplikasi perlu untuk terus dikembangkan agar tetap relevan. Maraknya aplikasi atau perangkat lunak yang mengadopsi JavaScript adalah sumber yang membuat pengembangan menjadi lebih mudah.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-9-memudahkan-pencarian-dan-perbaikan-error\">9. Memudahkan pencarian dan perbaikan error<\/h3>\n\n\n\n<p>Kesalahan dalam melakukan pemrograman memang tidak dapat dihindari, Kesederhanaan serta kepraktisan JavaScript adalah alasan yang menjadikan pencarian penyebab error dan proses perbaikannya dapat dilakukan dengan sangat mudah.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-10-membuat-tampilan-menarik\">10. Membuat tampilan menarik<\/h3>\n\n\n\n<p>Pernahkah Anda mendengar ungkapan Bahasa Jawa \u201c<em>ajining raga gumantung saka busana<\/em>\u201d, yang dapat diartikan sebagai \u201cnilai diri ditentukan oleh pakaian yang digunakan\u201d?<\/p>\n\n\n\n<p>Jika pengunjung website atau pengguna aplikasi merasa puas dengan <em>interface<\/em> Anda, maka cepat atau lambat mereka akan menceritakan pengalaman tersebut kepada orang lain. Begitu pula sebaliknya. Oleh karena itu, dalam dunia pemrograman, isi dan tampilan menjadi sama pentingnya.<\/p>\n\n\n\n<p>Tampilan yang menarik merupakan faktor penting untuk membuat pengguna betah, baik saat berkunjung ke halaman web, mengoperasikan perangkat lunak, maupun mengakses aplikasi.<\/p>\n\n\n\n<p>Tampilan statis adalah pangkal dari kejemuan, dan JavaScript dapat menjadi penolong yang bisa membantu membuat tampilan <em>interface<\/em> menjadi lebih menarik!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-mengapa-harus-pakai-javascript\">Mengapa harus pakai JavaScript?<\/h2>\n\n\n\n<p>Semenjak Brendan Eich menemukan JavaScript di tahun 1995, bahasa pemrograman ini terus mengalami perkembangan dan turut mewarnai hampir semua aplikasi. Berikut kami rangkum beberapa alasan mengapa Anda perlu menggunakan JavaScript:&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-javascript-adalah-bahasa-dari-hampir-semua-aplikasi\">1. JavaScript adalah bahasa dari hampir semua aplikasi<\/h3>\n\n\n\n<p>JavaScript memang dikenal untuk pengembangan <em>front-end<\/em> website, namun seiring berjalannya waktu, JavaScript juga bisa digunakan untuk banyak hal, seperti:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-server-side-script\">Server Side Script<\/h4>\n\n\n\n<p>JavaScript adalah bahasa pemrograman yang dahulunya lazim diketahui oleh sisi <em>client<\/em>. Kemudian seiring perkembangan waktu, JavaScript kini juga bisa digunakan untuk sisi server.<\/p>\n\n\n\n<p>Contohnya pada Node.js, yakni <em>runtime environment<\/em> untuk JavaScript yang bersifat <em>open-source<\/em> dan <em>cross-platform<\/em>. Tidak hanya bisa digunakan untuk meng<em>coding<\/em> dari sisi <em>client<\/em>, namun juga dari sisi server.<\/p>\n\n\n\n<p>Dengan Node.js Anda dapat menjalankan kode JavaScript di manapun, tidak hanya terbatas pada lingkungan <em>browser<\/em>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-aplikasi-mobile\">Aplikasi Mobile<\/h4>\n\n\n\n<p>Dahulu, aplikasi mobile hanya dapat dikembangkan dengan bahasa pemrograman seperti <a href=\"https:\/\/www.rumahweb.com\/journal\/java-adalah\/\" target=\"_blank\" rel=\"noopener\" title=\"java adalah\">Java<\/a> untuk OS Symbian dan Android. Namun, kini JavaScript juga sudah bisa dipakai dalam mobile API untuk membuat aplikasi <em>mobile<\/em>.<\/p>\n\n\n\n<p>Sebagai contoh, <em>Progressive Web Apps<\/em> (PWA), yang merupakan penggabungan antara fitur-fitur website dengan fitur aplikasi mobile.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-universal\">2. Universal<\/h3>\n\n\n\n<p>Setiap seniman tentu menginginkan agar karya seninya bisa dinikmati oleh semua orang, alias bersifat universal. Begitu pula seniman kode, seperti <em>website programmer<\/em>. Mereka tentu juga menginginkan agar aplikasinya dapat digunakan oleh semua orang.<\/p>\n\n\n\n<p>JavaScript adalah bahasa pemrograman yang saat ini didukung oleh semua browser yang banyak digunakan, sehingga membuat pengembangan website jadi semakin dinamis, canggih, dan interaktif.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-mudahnya-akses\">3. Mudahnya akses<\/h3>\n\n\n\n<p>JavaScript adalah bahasa pemrograman yang cenderung mudah dipelajari, meskipun tanpa mengikuti kursus, atau bahkan kuliah jurusan di Teknik Informatika sekalipun.<\/p>\n\n\n\n<p>Hal ini karena selain universal, JavaScript bersifat <em>open-source<\/em> atau gratis, dan semua <em>resource<\/em> di dalamnya dapat Anda gunakan sepenuhnya. Tentu, hal ini sangat cocok untuk <em>programmer website<\/em> dan <em>programmer<\/em> pemula.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-membuat-website-semakin-bernyawa\">4. Membuat website semakin bernyawa<\/h3>\n\n\n\n<p>Seperti yang sudah dijelaskan pada awal artikel, bahwa ibarat panggung pertunjukan, JavaScript dapat diibaratkan sebagai si biduan yang menyanyi dan berlenggak-lenggok di atas panggung sembari sekali-dua menodongkan mikrofon ke arah penonton, mengajak mereka turut serta berdendang.<\/p>\n\n\n\n<p>Di situlah letak dinamis dan menariknya JavaScript, karena dapat membuat website semakin \u201cbernyawa\u201d.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-menjadikan-front-end-lebih-powerful\">5. Menjadikan Front-end lebih powerful<\/h3>\n\n\n\n<p>Dahulu, website selalu menggunakan basis PHP yang membuatnya terasa statis, lantaran biasanya dikembangkan pada sisi server.<\/p>\n\n\n\n<p>Berbeda dengan ketika adanya JavaScript, karena pengembangan dapat sepenuhnya di-<em>handle<\/em> pada sisi <em>client<\/em>, sehingga memungkinkan sebuah website menjadi lebih interaktif dan dinamis.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-fungsi-javascript\">Fungsi JavaScript<\/h2>\n\n\n\n<p>Seperti penjelasan di atas, JavaScript adalah bahasa pemrograman yang berfungsi untuk membuat produk-produk canggih seperti aplikasi untuk <em>mobile<\/em>, website aplikasi, hingga <em>game<\/em> <em>online<\/em> berbasis <em>web browser <\/em>sehingga tampilannya menjadi lebih dinamis dan interaktif.<\/p>\n\n\n\n<p>Berikut penjelasan fungsi JavaScript secara detail yang sering kita temui sehari-hari:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-membuat-website-lebih-interaktif-dan-menarik\">1. Membuat website lebih interaktif dan menarik<\/h3>\n\n\n\n<p>Website yang menarik dan interaktif ditopang oleh banyak hal. Selain penataan yang bagus dan informasi visual yang menarik, penggunaan JavaScript menjadi faktor penting lain yang juga tak kalah penting untuk dimaksimalkan.<\/p>\n\n\n\n<p>Sebagai contoh, website milik sebuah agensi arsitektur dan badan perencanaan kota internasional bernama <a href=\"https:\/\/www.villesetpaysages.fr\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">Villes &amp; Paysages<\/a>. Penggunaan gestur dan peta interaktif yang mereka sajikan dapat memanjakan visual pengunjung, untuk semakin mengeksplorasi berbagai proyek yang pernah mereka kerjakan.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-menciptakan-dan-mengembangkan-aplikasi-mobile\">2. Menciptakan dan mengembangkan aplikasi <em>mobile<\/em><\/h3>\n\n\n\n<p>Dahulu, aplikasi <em>mobile<\/em> hanya bisa dikembangkan dengan bahasa pemrograman Java untuk Android saja. Namun, seiring perkembangan, kini bahasa pemrograman ini sudah bisa dipakai dalam mobile API untuk membuat aplikasi mobile.<\/p>\n\n\n\n<p>JavaScript juga dapat digunakan untuk membuat aplikasi <em>mobile<\/em>. Developer semakin dimudahkan dalam membuat aplikasi <em>mobile<\/em> untuk dua sistem operasi sekaligus, yakni Android dan iOS.<\/p>\n\n\n\n<p>Ini semua dapat dilakukan berkat adanya <em>framework<\/em> JavaScript khusus untuk aplikasi mobile, seperti Flutter, Ionic, Xamarin, <a href=\"https:\/\/www.rumahweb.com\/journal\/react-js-adalah\/#2_React_Native\" target=\"_blank\" rel=\"noopener\" title=\"\">React Native<\/a>, Swiftic, dan masih banyak lagi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-menciptakan-dan-mengembangkan-game-berbasis-web-browser\">3. Menciptakan dan mengembangkan game berbasis web browser<\/h3>\n\n\n\n<p>Tidak hanya dapat membuat website interaktif atau mengembangkan aplikasi <em>mobile<\/em> saja. JavaScript juga dapat digunakan untuk menciptakan dan mengembangkan game berbasis <em>web browser.<\/em><\/p>\n\n\n\n<p>JavaScript adalah bahasa pemrograman yang fleksibel, oleh karena itu penggunaan JavaScript bisa dikawinkan dengan HTML5 untuk menciptakan tampilan yang lebih menarik lagi.<\/p>\n\n\n\n<p>Contoh game populer yang menggunakan JavaScript sebagai bahasa pemrograman di antaranya seperti Amazing Cupid, Badland, Floppy Bird (pengganti Flappy Bird yang telah dihapus oleh pembuatnya, Dong Nguyen, dari Play Store), The Impossible Game, Jetpack Joyride, dan masih banyak lainnya.<\/p>\n\n\n\n<p>Untuk mengembangkan game di JavaScript ini, dapat menggunakan framework khusus seperti Phaser, Panda.js, Playground.js, dan Quintus.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-menjalankan-web-server\">4. Menjalankan web server<\/h3>\n\n\n\n<p>Penggunaan Node.js pada JavaScript juga dapat mempercepat proses pengembangan website atau aplikasi. Tanpa perlu menunggu proses selesai satu per satu, Node.js mampu menangani banyak proses secara bersamaan.<\/p>\n\n\n\n<p>Pada sisi server, Node.js akan mengeksekusi kode JavaScript agar dapat menjalankan situs, game berbasis browser, atau aplikasi web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-mengenal-console-javascript\">Mengenal console JavaScript<\/h2>\n\n\n\n<p>Kata siapa belajar JavaScript itu susah? Misalnya, ketika Anda menemukan pesan error tidak tampil di <em>web browser,<\/em> maka Anda bisa mengecek lewat <em>console<\/em>, dengan cara sebagai berikut:<\/p>\n\n\n\n<p>Buka browser Google Chrome &gt; klik kanan &gt; pilih <strong>Inspect<\/strong> &gt; <strong>Console<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-4-1024x578.png\" alt=\"Mengenal Console JavaScript - apa itu javascript adalah\" class=\"wp-image-51544\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-4-1024x578.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-4-300x169.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-4-768x434.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-4-370x209.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-4-270x152.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-4-570x322.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-4-740x418.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-4.png 1360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Untuk bisa melihat hasil yang ditampilkan, Anda harus menulis fungsi atau kode-kode JavaScript di dalam <em>console<\/em> terlebih dahulu. Contohnya dengan kode berikut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>console.log(\"Sedang apa sobat RumahWeb!\");\nalert(\"Saya sedang belajar JavaScript\");<\/code><\/pre>\n\n\n\n<p>Maka hasilnya:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-5-1024x578.png\" alt=\"web browser - apa itu javascript adalah\" class=\"wp-image-51545\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-5-1024x578.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-5-300x169.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-5-768x434.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-5-370x209.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-5-270x152.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-5-570x322.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-5-740x418.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-5.png 1360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Dari praktik sederhana di atas, maka dapat diambil kesimpulan bahwa:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Console bisa dipakai untuk menguji sekaligus mencoba fungsi atau kode JavaScript.<\/li>\n\n\n\n<li>Console dapat dipakai untuk melihat pesan <em>error<\/em> saat <em>debugging<\/em> program.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-contoh-javascript-sederhana\">Contoh JavaScript sederhana<\/h2>\n\n\n\n<p>Setelah memahami pengertian JavaScript, selanjutnya kami rangkum contoh JavaScript sederhana yang bisa Anda praktikkan di rumah. Kami akan menggunakan aplikasi Visual Studio Code, yang bisa diunduh pada link berikut: <a href=\"https:\/\/code.visualstudio.com\/Download\">Download Visual Studio Code &#8211; Mac, Linux, Windows<\/a>&nbsp;<\/p>\n\n\n\n<p>Jika aplikasi sudah berhasil terinstall, selanjutnya Anda dapat memasukkan kode di bawah ini:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n    &lt;title&gt;Hello World JavaScript&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;script&gt;\n        console.log(\"Saya belajar JavaScript\");\n        document.write(\"Hello World!\");\n    &lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-6.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-6-1024x578.png\" alt=\"Contoh JavaScript Sederhana\" class=\"wp-image-51546\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-6-1024x578.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-6-300x169.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-6-768x434.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-6-370x209.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-6-270x152.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-6-570x322.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-6-740x418.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/image-6.png 1360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Setelah itu, simpan dengan nama \u2018hello_world.html\u2019, lalu buka kembali menggunakan <em>web browser<\/em> Anda. Hasilnya akan seperti pada gambar berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/Hello-World-javascript.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/Hello-World-javascript.png\" alt=\"Contoh tampilan JavaScript Sederhana\" class=\"wp-image-51547\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/Hello-World-javascript.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/Hello-World-javascript-300x169.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/Hello-World-javascript-768x434.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/Hello-World-javascript-370x209.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/Hello-World-javascript-270x152.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/Hello-World-javascript-570x322.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/Hello-World-javascript-740x418.png 740w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Itulah penjelasan dari Rumahweb mengenai apa itu JavaScript, hingga contoh penggunaannya secara sederhana. Tertarik mempelajari bahasa pemrograman ini lebih lanjut?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Setiap orang&nbsp;tentu sudah pernah berselancar di internet. Namun, tahukah Anda apa yang menyebabkan tampilan website begitu menarik dan \u201cbernyawa\u201d, sehingga kemudian tercipta interaksi antara pengunjung dengan website? JavaScript adalah jawabannya! Lalu, apa itu JavaScript dan bagaimana contoh penggunaannya? Pada artikel ini, kami akan menjelaskan secara lengkap tentang JavaScript untuk Anda! Berikut informasi selengkapnya. Apa itu [&hellip;]<\/p>\n","protected":false},"author":329,"featured_media":51548,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[7],"tags":[2405,2406,2291],"class_list":{"0":"post-51543","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-programming","8":"tag-javascript","9":"tag-js","10":"tag-pemrograman"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/11\/banner-Apa-itu-Javascript-adalah.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-dpl","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/51543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/329"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=51543"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/51543\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/51548"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=51543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=51543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=51543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}