Menjalankan dua function pada satu event di javascript
Tutorial ini kita akan membahas bagaimana caranya menjalankan dua FUNCTION di JAVASCRIPT pada satu event , baik itu ONKEYUP , ONKEYDOWN atau yang lainnya..
Berikut ini contoh memanggil dua fungsi di javascript pada satu event, How to call two function dengan event on click , ok cekidot
Contoh nya :
<input id="btn" type="button" value="click" onclick="fungsi1(); fungsi2();"/>
Nah dapat di lihat dari contoh script diatas , dimana setiap funsi di panggil dalam satu event onclick dengan pemisah tanda ;
Contoh lainnya, bisa anda lihat pada kode dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>
Suckittrees.com JavaScript | call multiple functions in onclick event.
</title>
</head>
<body style="text-align:center;" id="body">
<h1 style="color:green;">
Suckittrees.com
</h1>
<p id="ex" style="font-size: 15px; font-weight: bold;">
</p>
<button onclick="fungsi1(); fungsi2()">
click here
</button>
<p id="contoh1"
style="color:green; font-size: 20px; font-weight: bold;">
<p id="contoh2"
style="color:green; font-size: 20px; font-weight: bold;">
</p>
<script>
var up = document.getElementById('ex');
up.innerHTML = 'One Event to Call two function form Suckittrees.com ';
var down_1 = document.getElementById('contoh1');
var down_2 = document.getElementById('contoh2');
function fungsi1() {
down_1.innerHTML = 'From function 1';
}
function fungsi2() {
down_2.innerHTML = 'From function 2';
}
</script>
</body>
</html>
Silahkan copy paste contoh code diatas, dan simpan dengan nama terserah dengan ekstensi .html , dan jalankan di browser anda. Ok.. sekian artikel javascript kali ini, mudah-mudahan bermanfaat