Javascript Code Bahasa Indonesia Memahami Fungsi Dinamic Array, Ubah Text Button dan fungsi onClick

December 19, 2018


Example js Dinamical array ubah text button, onclick fungction
Example Js Dinamic, change text, onClick Funsi
Javascript Code Bahasa Indonesia Memahami Fungsi Dinamic Array, Change Text Button dan onClick Function -Dalam pelajaran kali ini kita akan coba bahas tentang Js codeyaitu memahami fungsi script Dinamic array, serta change Text Button dan onclick fungsional, sengaja agar mempercepat tutorial saya akan memasukan pelajaran javascript code dengan 3 fungsi sekaligus dalam memahami js code tersebut. 

Mari kita mulai langung saja dalam memahami Js code ini agar kita bisa langsung paham dalam totorial js di maksud, mari kita awali dengan pengertian atau penjabaran fungsional js code dimaksud. 

Pengertian Fungsi Js code 

Dimaical array adalah sebuah fungsional js code dimana kita akan menuliskan kode array dengan sebuah dinamical code misal kita akan membuat nilai array kalau kita menulisnya secara manual tentu akan sangat memakan waktu dan tenaga belum lagi bila terjadi kesalah tehnik penulisan akan sangat memusingkan kita contohnya seperti ini. 

array = 1,2,3,4,5,6,7,8,9,10 sampai 100; 

Nah cukup dengan methode array seperti ini akan langsung terbangun code js dimaksud tersebut misalnya dengan rumus js ini. 

 x = 1 <= 100; 

array = x; 

maka akan terbangun nilai array langsung seperti di maksud. 
 

Javascript change letter Button adalah sebuah cara mengubah text button tanpa harus kita mengubahnyan secara manual tinggal menggunakan rumus Js code langsung berubah kita contohkan seperti ini. 

 button klik 

Rumus js : document.getElement.innerHtml="tombol klik" 

Kemudian setelah tombol button tekan akan berubah menjaditombol klik 
 

Javascript Onclick Function dimana akan selalu standby open saat di pasang fungsi onclick, mari kita contohkan seperti ini. 

 H1 onClick > Contoh < H1 

akan menghasilkan nilai saat di klik dengan fungsi alert. 

alert ("h1 di tekan tombol ") 
 

Oke setelah kita mulai memahami fungsi fungsi di atas kita akan melihat contohnya seperti ini untuk langsung di praktekan agar lebih memahami fungsional code js codedimaksud. 

Contoh Script code Dinamic array : 



<input value="Buat Array" type="button" onclick="buat_array();"> 
<input value="Lihat Array" type="button" onclick="lihat_array();">

<script> 
var _arr = []; 

function buat_array() 
{ 
_arr = []; 
for (i = 0; i < 5; i++) 
{ 
_arr.push(i); 
} 
alert("Array di buat"); 
} 

function lihat_array() 
{ 
alert(_arr); 
} 
</script> 

Hasil Script Dinamic array

Contoh Script Change Button text: 



<input id="tombol1" value="Belum di rubah" type="button" onclick="ganti_nama();"> 

<script>
function ganti_nama() 
{ 
document.getElementById('tombol1').value = "Isi Perubahan"; 
} 
</script>

Change Text Button

Contoh Script onClick fuction 



<h1>Element Click Show</h1> 
<h2>Heading Dua</h2> 
<h3>Heading Tiga</h3> 
<h4>Heading Empat</h4> 


<script> 
var h2 = document.querySelector("h2").onclick = function() 
{ 
alert("Tampilkan isi H2"); 
}; 

var h3 = document.querySelector("h3").onclick = function() 
{ 
alert("Tampil klik H3"); 
}; 

var h4 = document.querySelector("h4").onclick = function() 
{ 
alert("Tampil Hasil H4"); 
}; 
</script>


Hasil Script OnClick
Setelah kita memahami semua Kode Javascript tersebut, mari kita mulai mengaplikasikan hasil dari tutorial javascript kits untuk keperluan kita dalam mengolah data website kita dalam pengaplikasian kode - kode javascript. 

Dalam pembelajaran code kita di tuntuk memahamk semua kode agar nantinya kita mampu merakit script code dalam membangun sitem website atau blog yang sesuai standar, bahkan kode kode di maksud mampu menciptakan Aplikasi android berbasi html5 dan Java yang nanti akan bisa membuat kita jadi lebih berkembang. 

Cukup sekian dalam tutorial kali ini semoga bisa membantu teman dalam belajar javascript code semoga bisa bermanfaat amin. 

Salam Js Code

Share this

Related Posts

Previous
Next Post »