Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट में कॉल () और लागू () के साथ कार्यों को आमंत्रित करना

<घंटा/>

जावास्क्रिप्ट में कॉल () और लागू () के साथ कार्यों को लागू करने के लिए कोड निम्नलिखित है -

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 18px;
      font-weight: 500;
      color: blueviolet;
   }
</style>
</head>
<body>
<h1>Invoking functions with call() and apply()</h1>
<div class="result"></div>
<br />
<button class="Btn">Click Here</button>
<h3>Click on the above buttons to invoke functions with call() and apply()
method</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   function addNum(num1, num2, num3, num4) {
      return num1 + num2 + num3 + num4;
   }
   function multiplyNum(num1, num2, num3, num4) {
      return num1 * num2 * num3 * num4;
   }
   let arr = [22, 33, 44, 55];
   BtnEle.addEventListener("click", () => {
      resEle.innerHTML = "Sum of the numbers = " + addNum.call(this, 22, 33, 44, 55) + "<br>";
      resEle.innerHTML +="Multiplication of the array elements = " +multiplyNum.apply(this, arr) +"<br>";
   });
</script>
</body>
</html>

आउटपुट

जावास्क्रिप्ट में कॉल () और लागू () के साथ कार्यों को आमंत्रित करना

'यहां क्लिक करें' बटन पर क्लिक करने पर -

जावास्क्रिप्ट में कॉल () और लागू () के साथ कार्यों को आमंत्रित करना


  1. ऑनक्लिक () के साथ एक फ़ंक्शन को कॉल करें - जावास्क्रिप्ट?

    मान लें कि निम्नलिखित हमारा बटन है - <button onclick="displayingMessageOnButtonClick()">Press Me</button> हमें उपरोक्त बटन के क्लिक पर एक फ़ंक्शन को कॉल करने की आवश्यकता है। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>  

  1. जावास्क्रिप्ट और सीएसएस के साथ टाइपिंग और प्रभाव हटाना

    CSS एनिमेशन की मदद से, हम जावास्क्रिप्ट का उपयोग करके टाइपराइटर टाइपिंग और डिलीट इफेक्ट बना सकते हैं। निम्न उदाहरण इस प्रभाव को दर्शाता है। उदाहरण <!DOCTYPE html> <html> <style> div {    display: flex;    margin: 4%;    padding: 2%;    box-s

  1. जावास्क्रिप्ट के साथ सीएसएस चर प्राप्त करें और सेट करें

    GetComputedStyle () विधि एक वस्तु देती है जिसमें लक्ष्य तत्व पर लागू सभी शैलियाँ शामिल होती हैं। getPropertyValue() विधि का उपयोग गणना की गई शैलियों से वांछित संपत्ति प्राप्त करने के लिए किया जाता है। CSS वेरिएबल के मान को बदलने के लिए setProperty() का उपयोग किया जाता है। उदाहरण निम्नलिखित उदाहरण ब