কম্পিউটার

কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে একটি এইচটিএমএল তালিকা সাজান?


জাভাস্ক্রিপ্ট ব্যবহার করে একটি এইচটিএমএল তালিকা সাজাতে, কোডটি নিম্নরূপ -

উদাহরণ

<!DOCTYPE html>
<html>
<body>
<h1>Sorting list example</h1>
<button>Click to sort</button>
<ul class="animalList">
<li>Giraffe</li>
<li>Camel</li>
<li>Dog</li>
<li>Lion</li>
<li>Cheetah</li>
<li>Cat</li>
</ul>
<script>
   document .getElementsByTagName("button")[0] .addEventListener("click", sortList);
   function sortList() {
      var list, i, sortFlag, LiEle, sorted;
      list = document.querySelector(".animalList");
      sortFlag = true;
      while (sortFlag) {
         sortFlag = false;
         LiEle = list.getElementsByTagName("LI");
         for (i = 0; i < LiEle.length - 1; i++) {
            sorted = false;
            if ( LiEle[i].innerHTML.toLowerCase() > LiEle[i + 1].innerHTML.toLowerCase() ) {
               sorted = true;
               break;
            }
         }
         if (sorted) {
            LiEle[i].parentNode.insertBefore(LiEle[i + 1], LiEle[i]);
            sortFlag = true;
         }
      }
   }
</script>
</body>
</html>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে একটি এইচটিএমএল তালিকা সাজান?

"বাছাই করতে ক্লিক করুন" বোতামে ক্লিক করলে -

কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে একটি এইচটিএমএল তালিকা সাজান?


  1. জাভাস্ক্রিপ্ট ব্যবহার করে একটি এইচটিএমএল টেবিল বাছাই কিভাবে?

  2. কিভাবে HTML ফাইলে জাভাস্ক্রিপ্ট এম্বেড করবেন?

  3. আমি কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে HTML এ একটি চাইল্ড নোড সরাতে পারি?

  4. জাভাস্ক্রিপ্ট ব্যবহার করে উচ্চারিত অক্ষর দিয়ে স্ট্রিংগুলি কীভাবে সাজানো যায়?