'ऑनक्लिक' जावास्क्रिप्ट का उपयोग करते समय मैं दो या दो से अधिक फ़ंक्शन कैसे चला सकता हूं?

आइए पहले एक बटन सेट करें -

<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)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।

आउटपुट

यह निम्नलिखित आउटपुट देगा -

ऑनक्लिक जावास्क्रिप्ट का उपयोग करते समय मैं दो या दो से अधिक फ़ंक्शन कैसे चला सकता हूं?

जब आप कॉल बटन पर क्लिक करेंगे, तो आपको निम्न आउटपुट मिलेगा। स्नैपशॉट इस प्रकार है -