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;
   }
   .sample {
      font-size: 18px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Error and exceptional handling example</h1>
<div class="sample"></div>
<input class="inputNum" type="number" />
<input class="inputNum" type="number" />
<button class="Check">DIVIDE</button>
<h3>
Click on the above buttons to do division
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   let num, num1;
   document.querySelector(".Check").addEventListener("click", () => {
      num = document.querySelectorAll(".inputNum")[0].value;
      num1 = document.querySelectorAll(".inputNum")[1].value;
      try {
         if (num1 === "0") throw "Can't divide by zero";
         sampleEle.innerHTML = `${num} divide by ${num1} = ${num / num1}`;
      } catch (e) {
         sampleEle.innerHTML = "Error: " + e;
      }
   });
</script>
</body>
</html>

आउटपुट

उदाहरण के साथ जावास्क्रिप्ट त्रुटि और असाधारण हैंडलिंग

दूसरे नंबर को 0 के रूप में दर्ज करने और DIVIDE -

. पर क्लिक करने पर

उदाहरण के साथ जावास्क्रिप्ट त्रुटि और असाधारण हैंडलिंग


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

    जावास्क्रिप्ट में कॉल () और लागू () के साथ कार्यों को लागू करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"

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

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

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

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