JavaScript_part7_জাভাস্ক্রিপ্ট লুপ, While loop, Do while লুপ ও For loop ব্যবহার
জাভাস্ক্রিপ্ট লুপ (loop)
একই Statement
বারবার না লিখে Loop এর মাধ্যমে একাধিক বার ব্যবহার করা যায়। যখন একটি শর্ত সত্য হয় তখন প্রোগ্রামটি বারবার
চলতে থাকে শর্তটি মিথ্যা হওয়া মাত্র লুপটি বন্ধ হয় অর্থাৎ প্রোগ্রামটি থেমে যায়। জাভাস্ক্রিপ্ট এ মোট ৩ ধরনের Loop ব্যবহার
করা হয় ।
1.
While
2.
do ...... while
3.
for
While loop:
While লুপ
কে While statementও বলা হয়।
While লুপ এ প্রথমেই Condition (শর্ত) থাকে, যদি শর্তটি সত্য হয় তবে While
লুপটি এক্সিকিউশন হওয়া শুরু করে এবং অন্যান্য কোডিং অনুসারে কাজ করে। যদি Condition
(শর্ত)টি সত্য না হয় তবে প্রোগ্রাম থেমে যায়।
While লুপের Structure নিন্মরূপ
While (Condition)
{
Statements
}
এবার While loop ব্যবহার করে প্রোগ্রাম লিখব।
প্রোগ্রামঃ While loop ব্যবহার
১। আপনার এডিটরে নিচের কোডিং এর
মত করে প্রোগ্রাম লিখুন । এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0028.html নামে সেভ করেছি।
<html>
<head>
<title>While
Example</title>
<script
type="text/JavaScript">
function
CalculateLoop()
{
var
number=document.getElementById("txtNumber").value;
number=parseInt(number);
var i=1;
while(i<=number)
{
document.write("The
Line Number is "+i);
document.write("<br/>");
i++;
}
}
</script>
<head>
<body>
Input Number: <input type="text"
id="txtNumber" /><br />
<button
onclick="CalculateLoop();">OK</button>
</body>
</html>
৩। ব্রাউজারে program_0028.html ফাইলটিকে ওপেন করুন।
৪। ইনপুট বক্সে যে কোন একটি
নম্বর দিন।
৫। OK বাটনে ক্লিক করুন। ঠিক
তত সংখ্যক লাইন দেখতে পাবেন।
ব্যাখ্যা: ইনপুট বক্স থেকে যে ভ্যালুটি নিলাম সেটি number ভেরিয়েবলে অ্যাসাইন করলাম। এবার number-টিকে পূর্বের ন্যায় integer
এ কনসার্ট করে নিলাম। কারণ আমাদের কন্ডিশনের চেক
করার জন্য যে ভেরিয়েবলটি (i) নেওয়া সেটি
integer টাইপের ভেরিয়েবল । i=1 অ্যাসাইন করে নিলাম ।
বিঃদ্রঃ কন্ডিশন চেক সব সময় এভাবেই টাইপ
এর ভ্যালুর মধ্যে হতে হয়, ভিন্ন টাইপ দ্বারা কন্ডিশন চেক করা যায় না।
এবার while(i<=number)
ব্যাপারটা এরকম যে লুপটা ঘোরো ততক্ষণ পর্যন্তু, যতক্ষণ না i এবং number এর ভ্যালু সমান হয়।
এবার Statement এর মধ্যে document.write(“this is line number”+i) লাইন নাম্বার প্রিন্ট করার কোড।এবার ইনক্রিমেন্ট স্টেটমেন্ট i++ অর্থ্যাৎ একবার লুপ ঘরে i এর মান বৃদ্ধি দিল।
উপরোক্ত নিয়মে i এর মান বাড়তে বাড়তে number এর সমান হলে while লুপের মধ্যের স্টেটমেন্ট Execute হবে না।
While loop ব্যবহার
এবার while লুপ ব্যবহার করে ১ থেকে n পর্যন্তু যোগফলের একটি প্রোগাম দেখব।
১। নিচের মত করে কোড লিখুন।
<html>
<head>
<title>While
Example</title>
<script
type="text/JavaScript">
function
CalculateSum()
{
var
number=document.getElementById("txtNumber").value;
number=parseInt(number);
var i=1;
sum=0;
document.write("This
Seris is : ");
while(i<=number)
{
sum=sum+i;
document.write("
"+i);
i++;
}
document.write("
= "+sum);
}
</script>
<head>
<body>
Input Number: <input type="text"
id="txtNumber" /><br />
<button
onclick="CalculateSum();">OK</button>
</body>
</html>
২। কোডটিকে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0029.html নামে সেভ করেছি।
৩। ব্রাউজারে program_0029.html ফাইলটিকে ওপেন করুন।
৪। ইনপুট বক্সে একটি number ইনপুট দিন। OK বাটন প্রেস করুন। নিম্নোক্ত ফলাফল দেখুন।
Do while লুপ
do ..... while
লুপটি অনেকটা While লুপের মত তবে While
লুপের প্রথমেই Condition (শর্ত) থাকে এবং শর্তটি সত্য না হলে প্রোগ্রাম
লুপের মধ্যে প্রবেশ করে না। অপরদিকে do
..... while লুপে Condition (শর্ত) থাকে সবচেয়ে শেষে। এই কারনে শর্ত
সত্য/মিথ্যা যাই হোক প্রথম একবার প্রোগ্রামটি রান করবে এবং শেষে শর্ত না মিললে
দ্বিতীয়বার আর রান করবে না। do .... while
লুপের Structure নিম্নরূপ:
do
{
Statement
}
while
(Condition)
পূর্বের উদাহরণটিকে (program_0028)
আমরা do while ব্যবহার শিখব।
এক্ষেত্রে নিচের মত করে কোড লিখুন।
প্রোগ্রামঃ Do while লুপ ব্যবহার
১। নিচের মত করে কোড লিখুন।
<html>
<head>
<title>While Example</title>
<script type="text/JavaScript">
function CalculateDo()
{
var number=document.getElementById("txtNumber").value;
number=parseInt(number);
var i=1;
do
{
document.write("The Line Number is "+i);
document.write("<br/>");
i++;
}
while(i<=number)
{
}
}
</script>
<head>
<body>
Input Number: <input
type="text" id="txtNumber" /><br />
<button onclick="CalculateDo();">OK</button>
</body>
</html>
২। কোডটিকে এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0030.html নামে সেভ করেছি। ব্রাউজারে
program_0030.html ফাইলটিকে ওপেন করুন।
৪। ইনপুট বক্সে একটি number ইনপুট দিন। OK বাটন প্রেস করুন। নিম্নোক্ত ফলাফল দেখুন।
For loop
for ,While এবং do
...... while লুপ কাজ মূলত একই শুধু এদের গঠন কেবল আলাদা। for লুপে তিনটি বিষয় এখানে
বিবেচ্য, initialization-লুপের মান কত থেকে শুরু
হবে, Test বা Condition-লুপ কখন শেষ হবে, সেই
শর্ত দেওয়া হয়। Condition যখন False হয় তখন লুপ শেষ হয়।
Re-initialization-লুপের সংখ্যা লুপ পরিবর্তনের সাথে সাথে কত করে
বাড়বে/কমবে সেটি নির্দিষ্ট করে দেওয়া হয়।
for .... Loop এর Structure হচ্ছে নিম্নরূপ
for(initilization; test; re-initilization)
{
body;
}
প্রোগ্রামঃ আমরা for লুপ ব্যবহার করে n! বের করব।
১। আপনার এডিটরে নিম্নোক্ত প্রোগ্রামটি লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0031.html নামে সেভ করেছি।
<html>
<head>
<title>For
Loop Example</title>
<script
type="text/JavaScript">
function
CalculateFact()
{
var
number=document.getElementById("txtNumber").value;
number=parseInt(number);
var
fact=1;
var i;
for(i=1;i<=number;i++)
{
fact=fact*i;
}
alert("
The Factrial of "+number+ " is = " +fact);
}
</script>
<head>
<body>
Input Number: <input type="text"
id="txtNumber" /><br />
<button
onclick="CalculateFact();">OK</button>
</body>
</html>
ফলাফল : ব্রাউজারে program_0031.html ফাইলটি ওপেন করুন। যে নম্বরের ফ্যাক্টরিয়াল বের
করতে চান তা ইনপুট বক্সে ইনপুট দিন।OK
বাটন ক্লিক করুন। নিচের ছবির মত ফলাফল দেখতে
পাবেন।আমরা উদাহরণস্বরূপ 6 ইনপুট দিয়েছি। তাই ফলাফল 720 হয়েছে।
বিঃদ্রঃ ভালভাবে
প্রোগ্রাম শিখতে হলে লুপ এবং কন্ডিশনাল স্টেটমেন্ট অবশ্য অবশ্য ভালভাবে জানতে হবে।
ব্যাখ্যা: পূর্বের ন্যায়
ভ্যালু ইনপুট নিয়ে number ভেরিয়েবলের মধ্যে রাখা হল বা অ্যাসাইন করা হল।
এখানে দেখা গেছে লুপটি (i=1)
অর্থ্যাৎ ১ বার হতে (c £ number)। i এর মান number থেকে ছোট বা সমান সংখ্যকবার হওয়া পর্যন্তু ঘুরবে।
এখানে increment অপারেটর রয়েছে i++ অর্থ্যাৎ i এর মান প্রতি ধাপে ১ করে বৃদ্ধি করবে।এরপর fact এর মধ্যে পূর্বের fact এর ভ্যালুর সাথে i গুণ হয়ে অ্যাসাইন হবে। এভাবে লুপ শেষ হলেই আমরা
ইনপুট করা number এর factional
বা ১ থেকে সেই সংখ্যা পর্যন্তু গুণফল বের করতে
পারা।
Break Statement: আমরা for loop
এর
factional
উদাহরণে
break
statement ব্যবহার করেছি।
প্রোগ্রামঃ Break Statement ব্যবহার
১। আপনার এডিটরে নিচের কোডিং এর
মত করে প্রোগ্রাম লিখুন ।এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0032.html নামে সেভ করেছি।
<html>
<head>
<title>While
Example</title>
<script
type="text/JavaScript">
function
CalculateGrade()
{
var
number=document.getElementById("txtNumber").value;
number=parseInt(number);
var i;
var
fact=1;
for(i=1;i<=number;i++)
{
fact=fact*i;
if(i==6)
{
break;
}
}
alert("
The Factrial of "+i+ " is = " +fact);
}
</script>
<head>
<body>
Input Number: <input type="text"
id="txtNumber" /><br />
<button
onclick="CalculateGrade();">OK</button>
</body>
</html>
ফলাফল : ব্রাউজারে program_0032.html ফাইলটি ওপেন করুন। যে কোন ভ্যালু ইনপুট দিন।
ব্যাখ্যা: দেখা যাবে যে, যত বারই বেশি
সংখ্যা দিন না কেন প্রতি বারেই ফলাফল আসবে 720। কারণ এখানে বলা হয়েছে
যদি i এর মান 6 হয় তবে লুপ ব্রেক হয়ে পরবর্তী ইন্সট্রাকশন
এক্সিকিউট করবে।
if (i==6)
{ break ;
}
অর্থাৎ লুপে i এর মান বৃদ্ধিতে হত 6 এর সমান হলে লুপ থেকে
লুপ ব্রেক হয়ে যাবে এবং তখনকার factorial
টি দেখাবে।
Book Name: Mastering Microsoft Word
RELATED POST LINKS BELOW ********************************************
বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।
Writer: Bappi Ashraf
Published By: Gyankosh Prokashani
Amount of Pages: 464
First Publish: October-2004
Last Edition: We've February-2015 edition. Future edition may be existed!
Book Price: BDT 350 (30% Discount)
The
writer of this book has told that he has written this book with the
concept of "teach yourself". On the other hand, Web Design is a thing which is
interesting to learn. He has also told that the book is full of fan and
enjoyment so that a person can learn Web Design by himself by playing with
the example projects of this book. Book's CD Link below...
