Cara Menampung Hasil Inputan Prompt Kedalam Array Javascript
Hallo sobat program, bertemu lagi dengan saya Rizal dan alhamdulilah masih diberikan nikmat serta umur yang panjang sehingga dapat menulis panduan seputar pemrograman blog di Source Code Aplikasi. Di artikel kali ini saya akan membahas hasil explore saya yaitu mengenai Cara Menampung Hasil Inputan Prompt Kedalam Array Javascript.
Prompt di Javascript adalah dialog box dari javascript agar user dapat menginput sebuah string atau interger disertakan dengan tindakan ok dan cancel. Sedangkan array adalah sebuah cara bagi menampung banyak data.
Dan bagi panduan kali ini kita akan menggabungkan antara prompt dan array. Dimana user menginput sebuah string diprompt lalu disimpan kedalam array dan berikut ini adalah panduan mengenai Cara Menampung Hasil Inputan Prompt Kedalam Array Javascript.
Langkah pertama-tama teman-teman bikin sebuah file dengan nama bebas dan dengan format html. Lalu kemudian teman-teman ketik kode HTML dibawah ini kedalam file html tsb :
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>Prompt Array</title>
</head>
<body>
<div id=demo></div>
</body>
</html>
lalu langkah berikutnya teman-teman ketik kode javascriptnya seperti di contoh dibawah ini :
var x = prompt(Sebutkan 3 Merk Mobil : ); //bikin method prompt
var h = []; //bikin variable bagi menampung nilai kedalam array
if(x){ //kondisi jikalau prompt di input dan klik ok
h.push(x); //push method bagi memasukan data prompt kedalam array
var x = prompt(Masukan Lagi : );
if(x){
h.push(x);
var x = prompt(Masukan Lagi : );
if(x){
h.push(x);
document.getElementById(demo).innerHTML = Hasil Inputan Kamu : + h; //cetak hasil inputan prompt kedalam id demo
}else{
document.getElementById(demo).innerHTML = Hasil Inputan Kamu : + h;
}
}else{
document.getElementById(demo).innerHTML = Hasil Inputan Kamu : + h;
}
}else{
document.getElementById(demo).innerHTML = Kamu Belum Input Apa-Apa Silahkan Refresh;
}
Di kode diatas saya memanfaatkan kondisi bersarang bagi menampung 3 inputan prompt atau dapat lebih. Apabila telah, silahkan coba dijalankan di browser teman-teman karenanya hasil promptnya akan menjadi seperti ini :
Dan ketika teman-teman klik ok dan melanjutkan inputan karenanya akan terus menyimpan inputan teman-teman karenanya hasil dari segala inputan tersebut akan ditampilkan di element html yang diberikan id demo. Karenanya hasilnya akan menjadi seperti di contoh dibawah ini :
Jadi seperti demikianlah panduan sederhana dari hasil explore saya mengenai Cara Menampung Hasil Inputan Prompt Kedalam Array Javascript. Semoga dapat amat bermanfaat bikin teman-teman dan hingga bertemu dipembahasan berikutnya.
Terimakasih
Sumber https://kursuswebsite.org
