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;
   }
   input {
      padding: 5px;
      margin: 5px;
      display: block;
   }
   button {
      padding: 3px;
   }
</style>
</head>
<body>
<h1>Autofill a filled textbox same as another</h1>
<input type="text" class="addr" placeholder="address" />
<button class="Btn">Same as above</button>
<input type="text" class="addr" placeholder="address" />
<script>
   let BtnEle = document.querySelector(".Btn");
   let addrEle = document.querySelectorAll(".addr");
   BtnEle.addEventListener("click", () => {
      addrEle[1].value = addrEle[0].value;
   });
</script>
</body>
</html>

आउटपुट

जावास्क्रिप्ट में एक फ़ील्ड को दूसरे के समान कैसे ऑटोफिल करें?

पहले टेक्स्ट बॉक्स में पता टाइप करने पर -

जावास्क्रिप्ट में एक फ़ील्ड को दूसरे के समान कैसे ऑटोफिल करें?

'ऊपर जैसा ही' बटन क्लिक करने पर -

जावास्क्रिप्ट में एक फ़ील्ड को दूसरे के समान कैसे ऑटोफिल करें?


  1. जावास्क्रिप्ट के साथ एक ही सरणी में किसी सरणी के तत्वों की नकल कैसे करें?

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

  1. जावास्क्रिप्ट में किसी अन्य वस्तु के माध्यम से किसी वस्तु का उपयोग कैसे करें?

    जावास्क्रिप्ट में किसी अन्य वस्तु के माध्यम से किसी वस्तु तक पहुँचने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0&q

  1. जावास्क्रिप्ट में किसी अन्य div के सापेक्ष div स्थिति कैसे सेट करें?

    इसके लिए आपको CSS के “flex-direction” कांसेप्ट का इस्तेमाल करना होगा। मान लें कि निम्नलिखित हमारी CSSstyle है - .demo{ डिस्प्ले:फ्लेक्स; फ्लेक्स-दिशा:कॉलम-रिवर्स; } अब, डिव स्थिति को दूसरे डिव के सापेक्ष सेट करें - उदाहरण दस्तावेज़ .demo{ डिस्प्ले:फ्लेक्स; फ्लेक्स-दिशा:कॉलम-रिवर्स; }DIV_DEMO1DI