{"id":35136,"date":"2025-06-23T13:30:27","date_gmt":"2025-06-23T06:30:27","guid":{"rendered":"https:\/\/jakarta.telkomuniversity.ac.id\/?p=35136"},"modified":"2025-06-26T10:59:15","modified_gmt":"2025-06-26T03:59:15","slug":"dasar-dasar-javascript-fungsi-dan-contoh-penggunaan","status":"publish","type":"post","link":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/dasar-dasar-javascript-fungsi-dan-contoh-penggunaan\/","title":{"rendered":"Dasar-Dasar JavaScript: Fungsi dan Contoh Penggunaan"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t

JavaScript adalah salah satu bahasa pemrograman yang paling banyak digunakan di dunia, terutama untuk pengembangan web. JavaScript memungkinkan interaktivitas pada halaman website, seperti menampilkan popup, validasi form, animasi, hingga pengolahan data secara dinamis. Artikel ini akan membahas dasar-dasar JavaScript, khususnya tentang fungsi (function)<\/strong> dan contoh penggunaannya<\/strong>, agar mahasiswa dan pengembang pemula dapat memahami serta mengaplikasikannya dengan baik.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

Apa Itu JavaScript?<\/h2>\n\t
\n\t\t
\n\t\t\t

JavaScript adalah bahasa pemrograman yang dijalankan di sisi klien (client-side), artinya kode JavaScript dieksekusi oleh browser pengguna. Bahasa ini digunakan untuk memperkaya halaman HTML dengan berbagai fitur interaktif tanpa perlu melakukan reload halaman.<\/p>\n

Beberapa fitur utama JavaScript:<\/p>\n

    \n
  • \n

    Interaktif (click event, hover, dll.)<\/p>\n<\/li>\n

  • \n

    Bisa digunakan bersama HTML dan CSS<\/p>\n<\/li>\n

  • \n

    Mendukung pemrograman berorientasi objek<\/p>\n<\/li>\n

  • \n

    Dijalankan langsung di browser tanpa instalasi tambahan<\/p>\n<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

    Apa Itu Fungsi dalam JavaScript?<\/h2>\n\t
    \n\t\t
    \n\t\t\t

    Fungsi<\/strong> (function) adalah blok kode yang dirancang untuk melakukan tugas tertentu. Dengan fungsi, kita bisa menulis kode sekali dan menggunakannya berkali-kali.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

    \n\t\t
    \n\t\t\t

    Bentuk Dasar Fungsi:<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
    \n\t\t\n\t\t
    \n\t\t\t
    \"Bentuk<\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t
    \n\t\t
    \n\t\t\t

    Contoh Fungsi Sederhana:<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
    \n\t\t\n\t\t
    \n\t\t\t
    \"Untuk<\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t
    \n\t\t
    \n\t\t\t

    Untuk memanggil fungsi di atas, cukup gunakan:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

    \n\t\t\n\t\t
    \n\t\t\t
    \"Untuk<\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t
    \n\t\t
    \n\t\t\t

    Output di konsol:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

    \n\t\t\n\t\t
    \n\t\t\t
    \"Output<\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

    Fungsi dengan Parameter<\/h2>\n\t
    \n\t\t
    \n\t\t\t

    Fungsi dapat menerima parameter<\/strong> sebagai input agar lebih fleksibel.<\/p>\n

    Contoh:<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
    \n\t\t\n\t\t
    \n\t\t\t
    \"Fungsi<\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

    Fungsi dengan Nilai Kembali (Return)<\/h2>\n\t
    \n\t\t
    \n\t\t\t

    Fungsi juga bisa mengembalikan nilai menggunakan return<\/code>.<\/p>\n

    Contoh:<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
    \n\t\t\n\t\t
    \n\t\t\t
    \"Fungsi<\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

    Fungsi Panah (Arrow Function)<\/h2>\n\t
    \n\t\t
    \n\t\t\t

    Mulai dari ES6 (ECMAScript 2015), JavaScript memperkenalkan arrow function<\/strong> yang lebih ringkas.<\/p>\n

    Contoh:<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
    \n\t\t\n\t\t
    \n\t\t\t
    \"Fungsi<\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

    Contoh Penggunaan Fungsi dalam Web<\/h2>\n\t
    \n\t\t
    \n\t\t\t

    Contoh 1: Menampilkan Alert Saat Tombol Diklik<\/h3>\n

    HTML:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

    \n\t\t\n\t\t
    \n\t\t\t
    \"Menampilkan<\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t
    \n\t\t
    \n\t\t\t

    JavaScript:<\/p>\n

    \n
    <\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
    \n\t\t\n\t\t
    \n\t\t\t
    \"Menampilkan<\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t
    \n\t\t
    \n\t\t\t

    Contoh 2: Menjumlahkan Dua Angka dari Form Input<\/h3>\n

    HTML:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

    \n\t\t\n\t\t
    \n\t\t\t
    \"Menjumlahkan<\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t
    \n\t\t
    \n\t\t\t

    JavaScript:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

    \n\t\t\n\t\t
    \n\t\t\t
    \"Menjumlahkan<\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
    \n\t
    \n\t\t
    \n\t\t\t

    JavaScript adalah bahasa yang sangat penting dalam dunia web modern. Dengan memahami dasar-dasar fungsi, kita dapat menulis kode yang lebih terstruktur, efisien, dan dapat digunakan kembali. Baik itu untuk menampilkan pesan sederhana hingga membuat perhitungan otomatis, fungsi memberikan fleksibilitas tinggi dalam pengembangan aplikasi web.<\/p>\n

    Mahasiswa dan pengembang pemula di Telkom University Jakarta diharapkan dapat memulai praktik membuat fungsi-fungsi sederhana, sebagai dasar untuk mengembangkan aplikasi web yang lebih kompleks dan interaktif.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"JavaScript adalah salah satu bahasa pemrograman yang paling banyak digunakan di dunia, terutama untuk pengembangan web. JavaScript memungkinkan interaktivitas pada halaman website, seperti menampilkan popup, validasi form, animasi, hingga pengolahan data secara dinamis. Artikel ini akan membahas dasar-dasar JavaScript, khususnya tentang fungsi (function) dan contoh penggunaannya, agar mahasiswa dan pengembang pemula dapat memahami serta mengaplikasikannya [...]","protected":false},"author":37,"featured_media":35168,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":0,"footnotes":""},"categories":[300],"tags":[1542,1085],"class_list":["post-35136","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pendidikan","tag-dasar-javascript","tag-javascript"],"_links":{"self":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/35136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/comments?post=35136"}],"version-history":[{"count":3,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/35136\/revisions"}],"predecessor-version":[{"id":35171,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/35136\/revisions\/35171"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media\/35168"}],"wp:attachment":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media?parent=35136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/categories?post=35136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/tags?post=35136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}