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

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

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

উদাহরণ

<!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>জাভাস্ক্রিপ্টে স্ট্যাক (Stack) বাস্তবায়ন।</h1> <div class="result"></div> <br /> <input type="text" class="stackPush" /><button class="pushBtn">Push</button> <button class="popBtn">Pop</button> <button class="Btn">Display</button> <h3>উপরোক্ত বাটনে ক্লিক করুন স্ট্যাক অপারেশনগুলো সম্পাদন করতে</h3> <script>    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    let pushBtnEle = document.querySelector(".pushBtn");    let popBtnEle = document.querySelector(".popBtn");    class Stack {       constructor() {           this.items = [];           this.top = 0;       }    }    Stack.prototype.push = function (ele) {       this.items[this.top] = ele;       this.top += 1;    };    Stack.prototype.pop = function () {       if (this.top === 0) {           return "Underflow: আর কোনো এলিমেন্ট মুছে ফেলা যাবে না";       }       tempNum = this.items[this.top - 1];       this.items.length -= 1;       return tempNum;    };    Stack.prototype.display = function () {       if (this.top == 0) {           return "স্ট্যাক খালি";       }       for (let i = 0; i < this.top; i++) {           resEle.innerHTML += this.items[i] + " , ";       }    };    let stack1 = new Stack();    BtnEle.addEventListener("click", () => {       resEle.innerHTML = "";       stack1.display();    });    pushBtnEle.addEventListener("click", () => {       let ele = document.querySelector(".stackPush").value;       resEle.innerHTML = ele + " স্ট্যাকে পুশ করা হয়েছে";       stack1.push(ele);    });    popBtnEle.addEventListener("click", () => {       resEle.innerHTML = stack1.pop() + " স্ট্যাক থেকে পপ করা হয়েছে";    }); </script> </body> </html>

আউটপুট

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

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

ফিল্ডে নম্বর লিখে 'Push'-এ ক্লিক করার পর:

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

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

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

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

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

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

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

  3. জাভাস্ক্রিপ্ট WeakSet

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