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

জাভাস্ক্রিপ্টে HTML টেবিলের প্রতিটি এলিমেন্টে IF শর্ত প্রয়োগ করা

এজন্যে document.querySelectorAll.forEach() ব্যবহার করুন।

উদাহরণ

নিচে কোডটি দেওয়া হলো:

<!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title> </head> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <body>    <table>       <tr>          <td class="demo"> Java </td>       </tr>       <tr>          <td class="demo"> MySQL </td>       </tr>       <tr>       </tr>    </table> </body> <script>    document.querySelectorAll(".demo").forEach(function (obj) {       if (obj.innerText.trim() === "MySQL") {          obj.innerText = "Javascript";       }       if (obj.innerText.trim() === "MongoDB") {          obj.innerText = "Python";       }    }); </script> </html>

প্রোগ্রামটি চালানোর জন্য, ফাইলটি যেকোনো নাম দিয়ে সংরক্ষণ করুন (যেমন: index.html)। ফাইলে ডান ক্লিক করে VS Code এডিটরে Open with live server অপশনটি নির্বাচন করুন।

আউটপুট

এটি নিচের আউটপুটটি দেবে:

জাভাস্ক্রিপ্টে HTML টেবিলের প্রতিটি এলিমেন্টে IF শর্ত প্রয়োগ করা

  1. জাভাস্ক্রিপ্টে শর্তসাপেক্ষে অ্যারে জয়েন করা

  2. JavaScript-এ HTML div এলিমেন্টকে টেক্সট এলিমেন্টে রিপ্লেস করার পদ্ধতি

  3. জাভাস্ক্রিপ্টে innerHTML সেট করুন

  4. জাভাস্ক্রিপ্টে ID দিয়ে এলিমেন্ট রিমুভ করা