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

জাভাস্ক্রিপ্টে কিউ (Queue) বাস্তবায়ন

জাভাস্ক্রিপ্টে কিউ (Queue) বাস্তবায়নের জন্য নিচের কোডটি দেখুন।

উদাহরণ

<!DOCTYPE html> <html lang="bn"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>কিউ বাস্তবায়ন</title> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: blueviolet;    }    button {       padding: 6px;       margin: 4px;    } </style> </head> <body> <h1>জাভাস্ক্রিপ্টে কিউ (Queue) বাস্তবায়ন।</h1> <div class="result"></div> <br /> <input type="text" class="enqueueVal" /><button class="enqueueBtn"> Enqueue </button> <button class="dequeueBtn">Dequeue</button> <button class="Btn">Display</button> <h3>উপরোক্ত বাটনে ক্লিক করুন কিউ অপারেশনগুলো সম্পাদন করতে</h3> <script>    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    let enqueueBtnEle = document.querySelector(".enqueueBtn");    let dequeueBtnEle = document.querySelector(".dequeueBtn");    class Queue {       constructor() {           this.items = [];           this.length = 0;       }    }    Queue.prototype.enqueue = function (ele) {       this.items[this.length] = ele;       this.length += 1;    };    Queue.prototype.dequeue = function () {       debugger;       if (this.length === 0) {           return "Underflow: আর কোনো এলিমেন্ট নেই";       }       tempNum = this.items[0];       this.length -= 1;       return tempNum;    };    Queue.prototype.display = function () {       debugger;       if (this.length == 0) {           return "স্ট্যাক খালি";       }       for (let i = 0; i < this.length; i++) {           resEle.innerHTML += this.items[i] + " , ";       }    };    let queue1 = new Queue();    BtnEle.addEventListener("click", () => {       resEle.innerHTML = "";       queue1.display();    });    enqueueBtnEle.addEventListener("click", () => {       let ele = document.querySelector(".enqueueVal").value;       resEle.innerHTML = ele + " কিউর পেছনে যোগ করা হয়েছে";       queue1.enqueue(ele);    });    dequeueBtnEle.addEventListener("click", () => {       resEle.innerHTML = queue1.dequeue() + " কিউর সামন থেকে সরানো হয়েছে";    }); </script> </body> </html>

আউটপুট

প্রাথমিক অবস্থা:

জাভাস্ক্রিপ্টে কিউ (Queue) বাস্তবায়ন

মান লিখে 'Enqueue' বাটনে ক্লিক করার পর:

জাভাস্ক্রিপ্টে কিউ (Queue) বাস্তবায়ন

'Dequeue' বাটনে ক্লিক করার পর:

জাভাস্ক্রিপ্টে কিউ (Queue) বাস্তবায়ন

কিউ খালি না থাকলে 'Display' বাটনে ক্লিক করার পর:

জাভাস্ক্রিপ্টে কিউ (Queue) বাস্তবায়ন

  1. জাভাস্ক্রিপ্ট Let কীওয়ার্ড

  2. জাভাস্ক্রিপ্ট Random - ম্যাথ.র‍্যান্ডম()

  3. জাভাস্ক্রিপ্ট Promises - অ্যাসিঙ্ক্রোনাস অপারেশন

  4. জাভাস্ক্রিপ্টে স্ট্যাক (Stack) বাস্তবায়ন