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

জাভাস্ক্রিপ্টে টেবিলে NULL মান ইনসার্ট হওয়া থেকে বাধা দিন


টেবিলে নাল মান ইনসার্ট হওয়া থেকে বাঁচতে, মান ইনপুট করার সময় শর্ত যাচাই করতে হবে।

NULL যাচাই করার শর্তটি নিচের মতো হবে −

while( !( yourVariableName1==null || yourVariableName2==null || yourVariableName3==null…...N){    // yourStatement1    .    .    N }

উপরোক্ত লজিক কখনোই নাল মান ইনসার্ট করতে দেবে না।

এখন আপনি ফর লুপ ব্যবহার করে নাল ছাড়া টেবিলে মান ইনসার্ট করতে পারেন। নিচের কোডটি দেখুন −

উদাহরণ

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <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> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css"> </head> <body> <h2>Demo Of Inserting the value into the table</h2> <p>This is demo on the javascript array</p> <p id="demo"></p> <script>    var index = 0;    var firstNameArray = new Array();    var lastNameArray = new Array();    var firstName = "";    var lastName = "";    while (!(firstName == null || lastName == null)) {       firstName = prompt("Please Enter your First Name=");       lastName = prompt("Please Enter your Last Name=");       firstNameArray[index] = firstName;       lastNameArray[index] = lastName;       index++;    }    document.writeln("<table border='1' width='50%'>");    document.writeln("<caption>DEMO TABLE IN JAVASCRIPT</caption>");    document.writeln("<th>FirstName</th><th>LastName</th>");    for (var startIndex in firstNameArray) {       if (firstNameArray[startIndex] !== null &&          lastNameArray[startIndex] !== null)          document.writeln("<tr><td>" + firstNameArray[startIndex] +          "</td><td>" + lastNameArray[startIndex] + "</td></tr>");       }       document.write("</table>"); </script> </body> </html>

উপরোক্ত প্রোগ্রাম চালাতে, ফাইলটির নাম “anyName.html(index.html)” হিসেবে সেভ করুন এবং VS Code এডিটরে ফাইলে ডান ক্লিক করে “Open with Live Server” অপশনটি নির্বাচন করুন।

আউটপুট

এটি নিচের আউটপুট তৈরি করবে −

জাভাস্ক্রিপ্টে টেবিলে NULL মান ইনসার্ট হওয়া থেকে বাধা দিন

এখন প্রথম নাম ইনপুট করুন।

এটি নিচের আউটপুট তৈরি করবে −

জাভাস্ক্রিপ্টে টেবিলে NULL মান ইনসার্ট হওয়া থেকে বাধা দিন

OK বোতামে ক্লিক করার পর আপনি নিচের আউটপুট পাবেন −

জাভাস্ক্রিপ্টে টেবিলে NULL মান ইনসার্ট হওয়া থেকে বাধা দিন

এখন, শেষ নাম ইনপুট করুন। এটি নিচের আউটপুট তৈরি করবে −

জাভাস্ক্রিপ্টে টেবিলে NULL মান ইনসার্ট হওয়া থেকে বাধা দিন

OK বোতামে ক্লিক করার পর, Cancel বোতাম দুবার ক্লিক করুন, আপনি চূড়ান্ত আউটপুট পাবেন।

চূড়ান্ত আউটপুট টেবিলটি নিচের মতো −

জাভাস্ক্রিপ্টে টেবিলে NULL মান ইনসার্ট হওয়া থেকে বাধা দিন


  1. জাভাস্ক্রিপ্টে অটোকমপ্লিট (Autocomplete) তৈরি করা

  2. JavaScript দিয়ে ফিল্টার টেবিল তৈরির পদ্ধতি

  3. জাভাস্ক্রিপ্ট দিয়ে টেক্সট টগল করা

  4. জাভাস্ক্রিপ্টে নাল/খালি অবজেক্টযুক্ত অ্যারেতে ভ্যালু অ্যাসাইন করা