CARA INPUT DI JAVASCRIPT

JavaScript adalah sebuah bahasa pemrograman yang banyak digunakan dalam pengembangan website. Salah satu aspek penting dalam penggunaan JavaScript adalah input data. Dalam artikel ini, kita akan membahas cara input data di JavaScript.

Menggunakan prompt

Salah satu cara paling sederhana untuk input data pada JavaScript adalah dengan menggunakan fungsi prompt. Fungsi ini akan memunculkan sebuah kotak dialog di mana pengguna bisa memasukkan data.

let nama = prompt("Masukkan nama kamu:");
console.log(nama);

Dalam contoh di atas, fungsi prompt digunakan untuk meminta pengguna memasukkan nama mereka. Nilai yang diinput akan disimpan dalam variabel nama dan selanjutnya ditampilkan di console.

Menggunakan Object

Kamu juga bisa menggunakan object untuk input data di JavaScript.

let orang = {
  nama: 'Budi',
  umur: 25
};

console.log(orang.nama); // Output: Budi
console.log(orang.umur); // Output: 25

Di atas adalah contoh penggunaan object untuk input data. Object disini adalah variabel orang yang memiliki properti nama dan umur.

Menggunakan this

Dalam object, kamu juga bisa menggunakan kata kunci this untuk merujuk ke properti object tersebut.

let orang = {
  nama: 'Budi',
  umur: 25,
  sapa: function() {
    console.log("Halo, nama saya " + this.nama);
  }
};

orang.sapa(); // Output: Halo, nama saya Budi

Pada contoh di atas, function sapa menggunakan this.nama untuk memanggil properti nama dalam object yang sama.

Menggunakan Form HTML

Selain prompt dan object, kamu juga bisa mengambil input dari form HTML.

Misalnya, jika kamu memiliki form HTML seperti ini:

<form>
  Nama: <input type="text" id="nama"><br>
  Umur: <input type="text" id="umur"><br>
  <input type="button" value="Submit">
</form>

Kamu bisa menggunakan JavaScript untuk mengambil nilai dari field input di dalam form tersebut:

let nama = document.getElementById("nama").value;
let umur = document.getElementById("umur").value;
console.log(nama, umur);

Demikianlah beberapa cara yang bisa kamu gunakan untuk input data dalam JavaScript. Dengan mengetahui cara-cara ini, kamu bisa lebih fleksibel dalam menjalankan program JavaScript kamu.