Cara Mengambil Nilai HTML dengan JavaScript

Cara Mengambil Nilai HTML dengan JavaScript

Saat ini saya akan mengulas cara mengambil dan menampilkan nilai yang terdapat di HTML dengan memakai JavaScript. Berikut ialah tampilan akhir kode program: Dan berikut ialah kode HTML + JavaScript yang saya pakai untuk menampilkan hasil diatas: <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title>Tutorial Belajar JavaScript</title> </head> <body> <h3>Contoh 1: Mengambil nilai tag span</h3> <p>Nama: Andika […]

Cara Menampilkan Hasil Form HTML dengan JavaScript

Cara Menampilkan Hasil Form HTML dengan JavaScript

Dalam artikel sekarang ini saya akan membahas tentang Bagaimana Cara Menampilkan Hasil Form HTML dengan JavaScript. Berikut adalah pertanyaannya: Gan, misalnya kita tuh klik button pada sebuah form yang lantas akan menghasilkan informasi sesuai pilihan yang di pilih pada form 1. Tampilnya itu di bawah form itu gan. (form id=tampil) select –option=jakarta –option=bandung input type=button […]

Cara Memberi Komentar di HTML, PHP, CSS dan JavaScript

Cara Memberi Komentar di HTML, PHP, CSS dan JavaScript

Komentar dalam pemrograman jadi salah satu aspek yang penting supaya script yang ditulis mudah untuk di develope kembali atau juga pada proses debugging. Untuk menulis komentar di source code itu berbeda disetiap bahasa pemrograman, jadi ada aturannya sendiri supaya komentar tidak dianggap sebagai statement/perintah. Untuk artikel ini saya cuma akan membicarakan mengenai cara membuat komentar […]

Contoh Ajax Memakai Fetch

Contoh Ajax Memakai Fetch 2 Contoh Ajax Memakai Fetch

Seperti yang telah kita ketahui, fetch memanfaatkan promise dalam melakukan tugasnya, sehingga network request yang dibuat memakai fetch akan sering berjalan asynchronous. Pemakaian dasar dari fetch terlihat semacam ini: Network request dilakukan terhadap saat fungsi fetch() tereksekusi. fetch(“https://web-server-book-dicoding.appspot.com/daftar”) Bila request berhasil diproses oleh server, fungsi fetch() akan mengembalikan promise resolve dan membawa response object di dalamnya. Tetapi nilai response yang dibawa resolve belum sebagai data JSON yang kita perlukan, tetapi […]

Contoh Dasar Ajax Memakai XMLHttpRequest

Contoh Dasar Ajax Memakai XMLHttpRequest

XMLHttpRequest atau XHR merupakan objek yang tersedia di browser yang dipakai untuk membuat HTTP Requests memakai JavaScript. Sebab namanya kita mungkin berpendapat bahwa XHR cuma mendukung format data XML, namun nyatanya sekarang ini XHR bisa dipakai oleh banyak format, bukan cuma XML. Meskipun sekarang terdapat cara yang lebih modern yaitu memakai fetch, tetapi masih ada kok beberapa developer yang […]

Contoh Nested Custom Element Di Javascript

Contoh Nested Custom Element Di Javascript

Saat memakai custom element, mungkin terdapat kondisi di mana kita memerlukan custom element berada di dalam custom element lain. Misalnya, banyak website sekarang ini yang memperlihatkan data berupa daftar, entah itu daftar artikel maupun item belanja. Pada umumnya setiap daftar yang ditampilkan ditampung pada sebuah container <div>. Kemudian item yang sama ditampilkan secara berulang dengan data […]

Cara Membuat Callback Function di Javascript

Cara Membuat Callback Function di Javascript

Hal yang membuat bingung saat kita bekerja dengan synchronous dan asynchronous program ialah bagaimana menangani suatu nilai yang diperoleh secara asynchronous pada program yang berjalan secara synchronous. Misalnya seperti kode berikut: const getCake = () => {  let cake = null;  console.log(“Sedang membuat kue, silakan tunggu ….”)  setTimeout(() => {    cake = “Kue Selesai!”  }, 3000)  return cake; } […]

Cara Membuat Fungsi setTimeout didalam Javascript

cara membuat fungsi settimeout didalam javascript Cara Membuat Fungsi setTimeout didalam Javascript

Fungsi setTimeout() merupakan cara yang amat mudah untuk membuat kode kita dijalankan secara asynchronous. Fungsi ini menerima dua buah patokan.  Pertama ialah fungsi yang akan dijalankan secara asynchronous, dan kedua ialah nilai number dalam milisecond sebagai nilai tunggu sebelum fungsi dijalankan. Contoh penggunaannya ialah semacam ini: console.log(“Selamat datang!”); setTimeout(() => {  console.log(“Terimakasih telah mampir, silakan datang kembali!”) }, 3000) console.log(“Ada yang dapat dibantu?”) […]

Static Method didalam Class Javascript

Static Method didalam Class Javascript

Semua kendaraan pasti butuh yang namanya perawatan bukan? Bila iya, tentu kita harus membuat method repair untuk memperbaiki kendaraan itu. Dalam analogi dunia nyata, saat kendaraan mengalami kerusakan maka kendaraan itu akan diperbaiki di bengkel (factory), sehingga kita harus membuat class baru yang berperan sebagai factory, sebutlah class itu VehicleFactory. Di dalam kelas VehicleFactory terdapat satu method repair() yang bisa menerima banyak […]

Inheritance Dalam OOP Javascript (Parent Class & Child Class)

Inheritance Dalam OOP Javascript (Parent Class & Child Class)

Dalam gambaran dunia nyata, banyak objek yang berbeda namun memiliki kesamaan atau kesamaan tertentu. Misalnya mobil dengan motor mempunyai banyak kesamaan sebab objek itu merupakan kendaraan. Mobil merupakan kendaraan darat begitu pula dengan motor. Mungkin yang membedakan objek itu ialah jumlah roda dan kapasitas penumpang yang bisa ditampung. Seperti halnya pada OOP, beberapa objek yang […]