জাভাস্ক্রিপ্ট ভ্যারিয়্যাবল ও সাধারন গানিত

বেশ কিছু দিন পর আবার ফিরে এলাম জাভাস্ক্রিপ্ট বাংলা টিউটরিয়ালে। যারা প্রাখমিক পর্যায়ে আছে তাদের জন্যই এ টিউটরিয়াল। আগের পর্বটি যারা না দেখেছেন তারা দেখে নিন জাভাস্ক্রিপ্ট এক দুই তিন। এ পর্বে আমরা জাভাস্ক্রিপ্ট এর স্টেটমেন্ট এবং ভ্যারিয়্যাবল নিয়ে কাজ করবো।

যারা এইচটিএমএল শিখতে আগ্রহী তারা নজর রাখুন আমাদের আগের টিউটরিয়ালগুলো।

HTML টিউটরিয়াল সূচি-পত্র

HTMLপর্ব- এক: আমার প্রথম ওয়েব সাইট (প্রাথমিক ধারণা)

HTMLপর্ব- দুই: রঙের ব্যবহার

HTMLপর্ব- তিন: ব্যাকগ্রাউন্ড এ রঙের ব্যবহার

HTMLপর্ব- চার: প্যারাগ্রাফ এর ব্যবহার ও সুবিধা-১

HTMLপর্ব-পাঁচ: প্যারাগ্রাফ এর ব্যবহার ও সুবিধা-২

HTML পর্ব-৬ HTML এ Font ট্যাগের ব্যবহার

জাভাস্ক্রিপ্ট স্টেটমেন্ট:

জাভাস্ক্রিপ্ট স্টেটমেন্ট মূলত: ব্রউজারকে কোন কিছু করতে বলে।
document.write(“Hello Dolly”);
স্টেটমেন্ট দিয়ে ব্রাউজারকে Hello Dolly লিখতে বলে। স্টেটমেন্টের শেষে সেমিকোলন (;) দিয়ে শেষ করতে হয়। একের পর এক স্টেটমেন্ট লিখতে পারেন এভাবে

<script type="text/javascript">
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>

কমেন্টস:

আপনি যদি আগের কোন প্রগ্রামিং ল্যাঙ্গুয়েজ শিখে থাকেন তাহলে comments এর প্রয়োজনিয়তা বুঝতে পারেন। প্রগ্রামের মধ্যে যা প্রগ্রামের অংশ না কিন্তু প্রগ্রামারের সুবিধার জন্য নোট আকারে comments লেখা হয়।( সিএসএস এ কমেন্ট লেখার পদ্ধতি এখানে লেখা আছে।)
কমেন্ট লেখার ক্ষেত্রে // চিহ্ন দিয়ে কমেন্ট লিখুন। যেমন-

<script type="text/javascript">
// এটি কমেন্ট, যা প্রোগ্রামের অংশ নয়।
document.write("<h1>This is a heading</h1>");
// এক লাইনের কমেন্ট এভাবে লিখুন
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>

একাধিক লাইন হলে

<script type="text/javascript">
/*
উপরের চিহ্ন দিয়ে কমেন্ট লেখা শুরু করুন
একাধিক লাইনের কমেন্ট এভাবে লিখতে হয়।
*/
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>

অংক শেখা:

স্কুলে পড়ার সময়ের যোগ বিয়োগ অংক শিখবো, একটু ভিন্নভাবে-প্রোগ্রামের ভাষায়। কম্পিউটারের নাম যদি হয় গণক, তাহলে কেন আমরা এটা দিয়ে এত বেশি অংক করি না। চলুন এখন অংক করা যাক। জাভাস্ক্রিপ্টের ভাষায় কাজটি করতে গেলে প্রথমে দুই ভ্যারিয়্যাবল দিয়ে কাজ করতে হবে।
ভ্যারিয়্যাবল কি?
Variables হচ্ছে একটা পাত্রের মত(Container)যেখানে আমরা অনেক তথ্য রাখতে পারি।যেমন একটা টেক্সক্ট String “Hello Bangladesh” অথবা একটা integer value 100. কোন একটা Variable এ একবার তথ্য রেখে (কোন Variable এ কিছু রাখা এটাকে বলে Variable declare বা ঘোষনা)সেটা পুরো কোডজুরে বারবার ব্যাবহার করতে পারেন*

ভ্যারিয়্যাবল ডিক্লার করা:

ভ্যারিয়্যাবল প্রকাশ করতে হলে প্রথমে var লিখে তারপর ভ্যারিয়্যাবলের নাম উল্লেখ করে সেমিকোলন(;) দিতে হবে। যেমন-
var x;
var carname;
সাথে সাথে মান উল্লেখ করতে চাইলে সমান (=) চিহ্ন দিয়ে মান লিখে দিন। যেমন-
var x=5;
var carname=”Volvo”;

গানিতিক স্টেটমেন্ট

কোন ভ্যারিয়্যাবলের সাথে অন্যটি যোগ/বিয়োগ করার পদ্ধতি:
y=x-5;
z=y+5;

নিচের ছকে অপারেটরের ব্যবহার দেখুন:

Operator Description Example Result
+ Addition x=y+2 x=7
Subtraction x=y-2 x=3
* Multiplication x=y*2 x=10
/ Division x=y/2 x=2.5
% Modulus (division remainder) x=y%2 x=1
++ Increment x=++y x=6
Decrement x=–y x=4

একাধিক স্ট্রিং এক করার ক্ষেত্রে + অপারেটরটি ব্যবহার করা যায়।
txt1=”What a very”;
txt2=”nice day”;
txt3=txt1+” “+txt2;

কোডটুকুর আউটপুট হবে-
What a very nice day

তাহলে হয়ে যাক একটি ছোট প্রজেক্ট

<html>
<body>

<script type="text/javascript">
x=5+5;
document.write(x);
document.write("<br />");
x="5"+"5";
document.write(x);
document.write("<br />");
x=5+"5";
document.write(x);
document.write("<br />");
x="5"+5;
document.write(x);
document.write("<br />");
</script>

<p>The rule is: If you add a number and a string, the result will be a string.</p>

</body>
</html>

আউটপুট হবে:
10
55
55
55

The rule is: If you add a number and a string, the result will be a string.

আমাদের সাথে থাকার জন্য ধন্যবাদ। আমাদের HTML ও  সিএসএস এর টিউটরিয়াল গুলো দেখুন। আশা করা যায় আমরা ওয়েব প্রোগ্রামিং এ ভাল অবস্থান তৈরী করতে পারবো।

সিএসএস টিউটরিয়াল সূচিপত্র:

CSS টিউটরিয়াল (প্রাথমিক ধারণা ও সহজ একটি প্রজেক্ট)

সিএসএস সিন্টেক্স (কোড লেখার নিয়ম কানুন) CSS পাঠ-২

ব্যাগ্রাউন্ড ও টেক্সটের ডিজাইনে আনুন নতুন মাত্রা

সুন্দর সুন্দর বক্স মডেল

সহজেই বানিয়ে ফেলি ছবির গ্যালারী

বেশি কিছু না, সিএসএস (CSS) ১০টি টিপস

৭ টি সিএসএস গরম মসলা

2 thoughts on “জাভাস্ক্রিপ্ট ভ্যারিয়্যাবল ও সাধারন গানিত”

  1. শিবলী নোমানী

    ভালো লিখেছেন, তবে javascript এর উপর আরো advanced কিছু tutorial দরকার।
    যেমন, animated slideshow বানানো…

Leave a Comment