জাভাস্ক্রিপ্ট ব্যবহার করে করেন্ট এলিমেন্টে এক্টিভ ক্লাস যোগ করার কোড নিচে দেওয়া হলো −
উদাহরণ
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> .btn { border: none; outline: none; padding: 10px 16px; background-color: #6ea2f0; cursor: pointer; color:white; font-size: 18px; } .active, .btn:hover { background-color: #666; color: white; } </style> </head> <body> <h1>এক্টিভ বাটন উদাহরণ</h1> <div id="sampleDiv"> <button class="btn">Giraffe</button> <button class="btn active">Cow</button> <button class="btn">Lion</button> <button class="btn">Leopard</button> <button class="btn">Cheetah</button> </div> <h2>উপরের যেকোনো বাটনে চাপ দিন এক্টিভ ক্লাস সেট করার জন্য</h2> <script> var btns = document.querySelectorAll(".btn"); Array.from(btns).forEach(item => { item.addEventListener("click", () => { var selected = document.getElementsByClassName("active"); selected[0].className = selected[0].className.replace(" active", ""); item.className += " active"; }); }); </script> </body> </html>আউটপুট
উপরের কোড নিচের আউটপুট দেবে −
অন্য যেকোনো বাটনে ক্লিক করলে −
