কম্পিউটার

'অনক্লিক' জাভাস্ক্রিপ্ট ব্যবহার করার সময় আমি কীভাবে দুই বা ততোধিক ফাংশন চালাব?


আসুন প্রথমে একটি বোতাম সেট করি -

<button type="submit" onclick="callTwoOtherFunctions()"> Call </button>

উপরে, আমরা অন্য দুটি ফাংশন -

কল করার জন্য "অনক্লিক" এর অধীনে একটি ফাংশন সেট করেছি
function callTwoOtherFunctions(){
   fun1();
   fun2();
}

এইভাবে, নিচের সম্পূর্ণ কোডের মত fun1() এবং fun2() এর চারপাশে কাজ করুন −

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<button type="submit" onclick="callTwoOtherFunctions()"> Call
</button>
<script>
   function callTwoOtherFunctions(){
      fun1();
      fun2();
   }
   function fun1(){
      console.log("Function1()")
   }
   function fun2(){
      console.log("Function2()")
   }
</script>
</body>
</html>

উপরের প্রোগ্রামটি চালানোর জন্য, ফাইলের নাম "anyName.html(index.html)" সংরক্ষণ করুন এবং ফাইলটিতে ডান ক্লিক করুন। ভিএস কোড এডিটরে "লাইভ সার্ভারের সাথে খুলুন" বিকল্পটি নির্বাচন করুন৷

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

 অনক্লিক  জাভাস্ক্রিপ্ট ব্যবহার করার সময় আমি কীভাবে দুই বা ততোধিক ফাংশন চালাব?

আপনি যখন কল বোতামে ক্লিক করবেন, আপনি নিম্নলিখিত আউটপুট পাবেন। স্ন্যাপশটটি নিম্নরূপ -

 অনক্লিক  জাভাস্ক্রিপ্ট ব্যবহার করার সময় আমি কীভাবে দুই বা ততোধিক ফাংশন চালাব?


  1. একটি ক্লিক ইভেন্টে একটি জাভাস্ক্রিপ্ট ফাংশন কিভাবে কল করবেন?

  2. জাভাস্ক্রিপ্টে কার্যকর করার সময় একটি ফাংশন কীভাবে বন্ধ করবেন?

  3. জাভাস্ক্রিপ্টে একই ফাংশনের জন্য দুই বা ততোধিক লিঙ্কের জন্য অনক্লিক কি কাজ করছে না?

  4. onclick() – জাভাস্ক্রিপ্ট সহ একটি ফাংশন কল করবেন?