কম্পিউটার

একাধিক চেকবক্স অবস্থার উপর নির্ভর করে একটি অ্যারে ফিল্টার করার জন্য 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;
   }
   .result,.sample {
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
   .result {
      color: red;
   }
</style>
</head>
<body>
<h1>Filter an array depending on multiple checkbox conditions</h1>
<div class="sample">[22,10,50,30,90,33,80,75,33,99,150,105]</div>
<div class="result"></div>
<br />
<input type="checkbox" class="check" onclick="filterArr()" />Number should be greater than 50<br />
<input type="checkbox" class="check" onclick="filterArr()" />Number should divide by 5<br />
<input type="checkbox" class="check" onclick="filterArr()" />Number should divide by 3<br />
<h3>tick the above checkbox to apply filter to the array above</h3>
<script>
   let resEle = document.querySelector(".result");
   let checkEle = document.querySelectorAll(".check");
   let arr = [22, 10, 50, 30, 90, 33, 80, 75, 33, 99, 150, 105];
   let resArr = arr;
   function filterArr() {
      checkEle.forEach((item, index) => {
         if (item.checked && index == 0) {
            resArr = resArr.filter((num) => num > 50);
            resEle.innerHTML = resArr;
         }
         else if (item.checked && index == 1) {
            resArr = resArr.filter((num) => num % 5 == 0);
            resEle.innerHTML = resArr;
         }
         else if (item.checked && index == 2)
         resArr = resArr.filter((num) => num % 3 == 0);
         resEle.innerHTML = resArr;
      });
   }
</script>
</body>
</html>

আউটপুট

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

তৈরি করবে

একাধিক চেকবক্স অবস্থার উপর নির্ভর করে একটি অ্যারে ফিল্টার করার জন্য JavaScript উদাহরণ।

কিছু চেকবক্সে টিক দেওয়ার সময় -

একাধিক চেকবক্স অবস্থার উপর নির্ভর করে একটি অ্যারে ফিল্টার করার জন্য JavaScript উদাহরণ।


  1. উদাহরণ সহ জাভাস্ক্রিপ্টে Array.filter() পদ্ধতির গুরুত্ব ব্যাখ্যা কর?

  2. জাভাস্ক্রিপ্টে একটি একক অ্যারে তালিকায় একাধিক অবজেক্ট কীভাবে যুক্ত করবেন?

  3. জাভাস্ক্রিপ্টে একটি অ্যারে স্প্লাইসিং বলতে কী বোঝায়? উদাহরণ দিয়ে ব্যাখ্যা কর

  4. একাধিক মান দ্বারা জাভাস্ক্রিপ্ট অ্যারের উপাদানগুলি কীভাবে খুঁজে পাবেন?