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-weight: 500;
      font-size: 18px;
      color: blueviolet;
   }
</style>
</head>
<body>
<h1>Toggle a boolean using JavaScript</h1>
<div class="result"></div>
<button class="Btn">Toggle</button>
<h3>Click on the above button to toggle the above boolean value</h3>
<script>
   let BtnEle = document.querySelector(".Btn");
   let resEle = document.querySelector(".result");
   let boolVal = true;
   resEle.innerHTML = boolVal;
   BtnEle.addEventListener("click", () => {
      boolVal = !boolVal;
      resEle.innerHTML = boolVal;
   });
</script>
</body>
</html>

आउटपुट

जावास्क्रिप्ट का उपयोग करके बूलियन को कैसे टॉगल करें?

टॉगल बटन क्लिक करने पर -

जावास्क्रिप्ट का उपयोग करके बूलियन को कैसे टॉगल करें?


  1. जावास्क्रिप्ट का उपयोग करके पेज कैसे प्रिंट करें?

    JavaScript में किसी पेज को प्रिंट करने के लिए, प्रिंट () पद्धति का उपयोग करें। यह मानक संवाद बॉक्स खोलता है, जिसके माध्यम से आप आसानी से मुद्रण विकल्प सेट कर सकते हैं जैसे मुद्रण के लिए कौन सा प्रिंटर चुनना है। यहां एक उदाहरण दिया गया है - उदाहरण किसी पृष्ठ को प्रिंट करने का तरीका जानने के लिए आप

  1. जावास्क्रिप्ट का उपयोग करके फ़ॉर्म को रीसेट या साफ़ कैसे करें?

    Reset() विधि के साथ जावास्क्रिप्ट का उपयोग करके फ़ॉर्म को रीसेट या साफ़ करें। रीसेट विधि रीसेट बटन पर क्लिक करने जैसे सभी तत्वों के मान सेट करती है। उदाहरण जावास्क्रिप्ट का उपयोग करके फ़ॉर्म को रीसेट करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>  

  1. जावास्क्रिप्ट के साथ टेक्स्ट को कैसे टॉगल करें?

    जावास्क्रिप्ट के साथ टेक्स्ट को टॉगल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe