Membuat Event Click Untuk Menampilkan Element Html Menggunakan Javascript

Padatutorial kali ini anda akan belajar bagaimana cara membuat action click untuk menampilkan element html menggunakan Javascript.

Hallo semuanya kembali lagi di tutoial saya, kali ini saya akan membahas tentang javascript untuk sekarang saya akan lebih memberika sebuah tutorial yang mungkin suatu saat akan berguna jikalau memerlukan penangan seperti ini.

Nah kali ini saya akan memberikan tutorial membuat action click untuk menampilkan element html menggunakan Javascript. masksudnya apa sih ?   yang saya maksud dari judul tersebut adalah saya akan membuat sebuah aksi dengan menggunakan event click pada sebuah button dimana di saat saya mengklik button tersebut maka lalu akan muncul sebuah button baru .  paham dari tujuan saya ? heheh

oke saya anggap kalian paham , jikalaupun tidak nanti setelah kalian membuatnya maka kalian akan pahakm sendiri . Oke langsung saja kalian salin code di bawah ini :

<button onclick="kirim(this.value)">coba</button><br>


                      <div id="bayar">
						
                      </div>
                      </p>
              

<script type="text/javascript">
function GetXmlHttpObject() 
{ 
var xmlHttp=null; 
try 
 	{ 
 	// Firefox, Opera 8.0+, Safari 
 	xmlHttp=new XMLHttpRequest(); 
 	} 
	catch (e) 
 	{ 
 	//Internet Explorer 
 	try 
 	{ 
 	xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); 
  	} 
 	catch (e) 
  	{ 
  	xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 
  	} 
 	} 
return xmlHttp; 
}

function kirim(id) 
{ 
var xmlHttp=GetXmlHttpObject()	 
var url="exsternal.html"; 
url1=url+"?id="+id; 
xmlHttp.onreadystatechange=hasil; 
function hasil() 
	{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") 
 	              {	     
                      document.getElementById("bayar").innerHTML=xmlHttp.responseText; 
 	              } 
	else 
    	              { 
    	               alert("Problem retrieving data:" + xmlhttp.statusText); 
    	               }	 
	} 
	xmlHttp.open("GET",url1,true); 
	xmlHttp.send(null); 	 
}
</script>

maka hasilnya akan seperti ini :

lalu silahkan kalian klik tombol coba tersebut maka hasilnya akan seperti ini :

jadi itulah fungsi dari sintak javascript yang kita buat tadi,  oke itu saja untuk tutorial tentang membuat action click untuk menampilkan element html menggunakan Javascript, sampai bertemu pada tutorial selanjutnya.