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 […]

Belajar Babel Loader Javascript ES6

Apa itu babel atau babel.js? Babel merupakan suatu transpiler yang bertugas untuk merubah sintaks JavaScript modern (ES6+) jadi sintaks yang bisa didukung penuh oleh semua browser. JavaScript merupakan bahasa pemrograman yang berkembang sangat cepat. Komunitasnya besar, dan tiap tahun selalu terdapat versi yang baru.  Tetapi perkembangan yang cepat tadi ternyata memerlukan waktu yang lama untuk diadaptasi oleh browser […]

Belajar Membuat Custom Element Dan Shadow DOM Dasar di Javascript

Ihsan Magazine – Saat ini kita akan mencoba belajar membuat Custom Element dasar di Javascript, apa itu Custom Element? Mudah nya Custom Element seperti kita Membuat Tag HTML baru untuk Front End Developer. Bisa untuk memperluas elemen bawaan HTML, dan masih banyak yang lain, dasarnya memakai Elements global dipakai untuk mengartikan elemen khusus dan mengajarkan […]

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

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 […]