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 tutorial seputar pemrograman website di dumetschool. Pada kesempatan ini saya akan membahas hasil explore saya yaitu tentang Cara Menampung Hasil Inputan Prompt Kedalam Array Javascript.

Prompt pada Javascript merupakan dialog box dari javascript agar user dapat menginput sebuah string atau interger disertakan dengan tindakan ok dan cancel. Sedangkan array merupakan sebuah metode untuk menampung banyak data.

Dan untuk tutorial kali ini kita akan menggabungkan antara prompt dan array. Dimana user menginput sebuah string diprompt lalu disimpan kedalam array dan berikut ini merupakan tutorial tentang Cara Menampung Hasil Inputan Prompt Kedalam Array Javascript.

Langkah pertama teman-teman buat 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 pada contoh dibawah ini :

		var x = prompt("Sebutkan 3 Merk Mobil : "); //buat method prompt
		var h = []; //buat variable untuk menampung nilai kedalam array

		if(x){ //kondisi jika prompt di input dan klik ok
			h.push(x); //push method untuk 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 Anda : "+ h; //cetak hasil inputan prompt kedalam id demo
				}else{
					document.getElementById("demo").innerHTML = "Hasil Inputan Anda : "+ h;
				}
			}else{
				document.getElementById("demo").innerHTML = "Hasil Inputan Anda : "+ h;
			}
		}else{
			document.getElementById("demo").innerHTML = "Anda Belum Input Apa-Apa Silahkan Refresh";
		}

Pada kode diatas saya memanfaatkan kondisi bersarang untuk menampung 3 inputan prompt atau bisa lebih. Jika sudah, silahkan coba dijalankan pada browser teman-teman maka hasil promptnya akan menjadi seperti ini :

Dan ketika teman-teman klik ok dan melanjutkan inputan maka akan terus menyimpan inputan teman-teman maka hasil dari semua inputan tersebut akan ditampilkan pada element html yang diberikan id demo. Maka hasilnya akan menjadi seperti pada contoh dibawah ini :

Jadi seperti itulah tutorial sederhana dari hasil explore saya tentang Cara Menampung Hasil Inputan Prompt Kedalam Array Javascript. Semoga dapat sangat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.

Terimakasih

Cara Menampung Hasil Inputan Prompt Kedalam Array Javascript

Kategori