Menjalankan dua function pada satu event di javascript

Publish Date : 06-11-2020 , dibaca 5381 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

Produk Rekomendasi

Artikel Terkait

Diskusi



wa