Menjalankan dua function pada satu event di javascript

Publish Date : 06-11-2020 , dibaca 5387 kali, Hari ini dibaca : 1 kali ,0 comments

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

Script onclick Select All Textarea dan Input dengan Javascript
Previous Post

Cara Validasi radio button array dengan Jquery
Next Post