Bahasa pemrograman yang sering digunakan dan diketahui oleh banyak orang adalah Javascribt. Kegunaan dari Javascript dapat untuk membuat website yang interaktif serta bisa dimanfaatkan untuk membuat pengelolaan file dengan HTML. Javascript dan HTML memang tidak bisa dipisahkan karena perlu untuk dijalankan dengan bantuan dari HTML. Cara pembuatan website dan pengelolaan yang dilakukan bisa menggunakan metode yang tidak perlu dipilih maupun yang terpisah, sehingga perlu untuk mengunduh file yang berbeda.
Selain keuntungan contoh coding Javascript yang digunakan untuk membuat website interaktif, bahasa pemrograman ini juga mempunyai pilihan lainnya yang bisa didapatkan meliputi hal berikut ini:
- Kelebihan Javascript yang pertama adalah bahasa pemrograman yang dapat digunakan dengan mudah termasuk juga bagi pemula. Bagi yang sedang belajar coding, bisa memanfaatkan javascript untuk belajar memberikan perintah atau instruksi ke mesin komputer.
- Javascript merupakan bahan pemrograman yang mudah untuk dipelajari karena menggunakan bahasa yang mirip dengan bahasa inggris serta menyediakan fungsi yang lebih mudah untuk dikembangkan.
- Javascript memberikan keuntungan dengan adanya debug dan teas yang bisa membaca proses sintaks yang mudah untuk dilakukan. Apabila terjadi kesalahan perintah di sintaks maka akan ada pemberitahuan bahwa terjadi error karena kesalahan yang dilakukan.
- Javascript juga mempunyai keuntungan dengan tidak memerlukan kompilasi yang bisa menggunakan tag HTML untuk mengembangkan website.
- Javascript juga merupakan bahasa pemrograman yang menggunakan sistem client side yang tidak membuat beban server menjadi berat. Pengelolaan data yang dilakukan dengan sistem client side akan dilakukan komputer pengunjung, sehingga membuat sumber daya di servernya menjadi lebih ringan.
Keunggulan seperti di atas bisa menjadi alasan mengapa perlu memilih coding menggunakan bahasa pemrograman Javascript. Contoh coding javascript sederhana bisa digunakan untuk banyak perintah dengan bantuan HTML. Anda yang baru belajar coding, bisa praktik menggunakan bahasa pemrograman coding dengan javascript untuk menerapkan konsep yang sebelumnya sudah dipelajari. Penerapan tersebut bisa digunakan untuk melihat hasilnya, sehingga pemahaman akan teori coding yang sudah dipelajari juga bisa bertambah dengan praktik langsung. Ada banyak contoh program yang bisa dijalankan di Javascript seperti berikut ini:
Contoh Coding Membuat Javascript Langsung di HTML
Yang pertama untuk praktik belajar dengan contoh coding javascript adalah dengan membuat javascript langsung dalam skrip HTML. Hal tersebut bisa dilakukan untuk bisa memberikan kode bahwa ada kode javascript yang ada di dalamnya dengan menggunakan tag script dan juga menambahkan head dan body. Untuk kode yang bisa dimasukkan ketika membuat javascript langsung di HTML adalah sebagai berikut ini:
- Menggunakan contoh coding dengan menggunakan html language bahasa inggris, head dengan menambahkan tag judul yang bisa dimasukkan, dan juga body yang bisa untuk isi konten.
- Tambahkan perintah untuk membuat javascript di HTML pada baris kode javascript.
- Berikan kode teks txt1 di halaman browser agar HTML bisa untuk membaca perintah script yang ada di javascript.
- Sesuaikan perintah dengan kreatifitas dan juga kebutuhan masing-masing, sehingga bisa memberikan hasil website yang sesuai dengan keinginan.
Perlu diketahui bahwa pembuatan contoh coding javascript yang langsung di atas sudah jarang digunakan. Penyebabnya adalah karena untuk coding tidak simple dan membutuhkan proses yang berulang-ulang. Baris javascript yang digunakan untuk membuat perintah dilakukan berulang-ulang menggunakan beberapa file, sehingga juga akan membuat waktu yang dihabiskan jug lebih lama. Oleh karena itulah tidak heran apabila cara membuat javascript langsung sudah jarang digunakan.
Contoh Coding Javascript dan CSS Terpisah di HTML
Contoh coding Javascript selanjutnya yang bisa digunakan untuk membuat javascript adalah dengan menggunakan file yang terpisah di HTML. Cara yang bisa digunakan adalah dapat untuk membuat folder terlebih dahulu yang bisa digunakan untuk menyimpan file yang dimasukkan ke javascript. Contoh coding yang digunakan adalah root/js/script js yang bisa mengikuti langkah sederhana dengan input head, body, dan juga script html yang dibutuhkan.
Keuntungan yang bisa didapatkan dengan membuat file javascript yang terpisah adalah sebagai berikut ini:
- Dengan menggunakan file javascript yang terpisah akan memberikan kemudahan untuk melakukan maintenance. Hal tersebut bisa didapatkan cukup mencari file yang akan diubah, sehingga perubahan yang akan dilakukan bisa dilakukan dengan mudah.
- Keuntungan selanjutnya adalah file yang akan lebih mudah dibaca apabila dipisahkan dengan developer. Apabila ingin membaca perintah sintaks membuatnya lebih mudah terbaca dibandingkan file yang dengan campuran bahasa pemrograman.
- Keuntungan lainnya adalah membuat page loading yang dibutuhkan menjadi lebih cepat, sehingga akan membuat kenyamanan pengunjung juga berhasil untuk ditingkatkan. Kecepatan page load tersebut bisa didapatkan karena mempunyai sistem cached pada file javascript yang dipunyai, sehingga bisa meningkatkan kecepatan page load.
Contoh Coding Javascript Kalkulator Sederhana
Coding sederhana selanjutnya yang dapat dilakukan di javascript adalah untuk kalkulator sederhana. Cara yang bisa dilakukan untuk kalkulator sederhana adalah dengan fungsi tambah, console log, dan juga lainnya. Program operasi kalkulator sederhana bisa digunakan untuk melakukan perhitungan dasar seperti menjumlahkan, perkalian, pembagian, dan juga pengurangan. Kalkulator sederhana juga bisa dikembangkan untuk menambahkan operasi matematika lainnya yaitu pangkat, akar, dan juga trigonometri sehingga memberikan fungsi yang lebih beragam untuk kalkulator sederhana dari javascript.
Contoh Coding Javascript untuk Menampilkan Pesan
Coding selanjutnya yang bisa digunakan untuk belajar di javascript adalah untuk menampilkan pesan yang ada di console. Biasanya pesan yang digunakan adalah hello world seperti yang bisa digunakan dengan menggunakan bahasa pemrograman python. Akan tetapi Anda bisa memilih jenis pesan yang ingin ditampilkan di console browser yang bisa memanfaatkan console.log. Fungsi tersebut bisa digunakan untuk debugging sehingga bisa melihat hasil dari kode untuk menulis pesan yang diinginkan di javascript.
Contoh Coding Javascript Jam Digital
Coding selanjutnya yang bisa dilakukan di javascript dengan langkah yang sederhana adalah untuk menampilkan jam digital. Fungsi yang bisa digunakan yaitu setinterval () yang digunakan untuk bisa membuat objek data baru. Hal tersebut bisa dimanfaatkan untuk menampilkan pesan jam digital yang terdiri dari jam, menit, dan juga detik di console.
Selain di atas, ada banyak contoh coding Javascript sederhana lainnya yang bisa digunakan yaitu untuk penjumlahan angka, bisa menampilkan galeri gambar, mengecek kata pallindrome, game tebak angka, membuat to do list interaktif, dan juga masih banyak lainnya. Pelajari coding javascript tersebut dengan mengikuti program kursus coding dari Coding Bee Academy. Kami menawarkan kursus coding dan IT untuk anak usia 4 hingga 18 tahun dengan berbagai pilihan kelas yang tersedia.
Referensi :
https://revou.co/panduan-teknis/contoh-program-javascript
https://www.niagahoster.co.id/blog/cara-membuat-javascript-di-html/
https://anakinformatika.com/contoh-program-javascript-kalkulator-sederhana/
