কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে ফিল্ড অটোফিল করা অন্য ফিল্ডের মতো

একই মান অন্য ফিল্ডে কপি করা

জাভাস্ক্রিপ্টে একটি ইনপুট ফিল্ডের মান অন্য ফিল্ডে কপি করা খুব সহজ। বাটন ক্লিক ইভেন্টে সোর্্স ফিল্ডের .value টার্গেট ফিল্ডে অ্যাসাইন করলেই হয়।

উদাহরণ

<!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>একই ঠিকানা অটোফিল করা</h1>
    <input type="text" class="addr" placeholder="address" />
    <button class="Btn">উপরের মতোই</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. জাভাস্ক্রিপ্ট দিয়ে অন্য ওয়েবপেজে রিডাইরেক্ট

  2. জাভাস্ক্রিপ্টে একই অ্যারেতে অ্যারের এলিমেন্টগুলো ডুপ্লিকেট করা

  3. জাভাস্ক্রিপ্টে অন্য অবজেক্ট দিয়ে অবজেক্ট অ্যাক্সেস করা

  4. JavaScript/CSS-এ এক Div-এর সাপেক্ষে অন্য Div পজিশন করা (Flexbox)