সিনট্যাক্স নিয়ে যত কথা।

সতর্ক বার্তাঃ কেউ যদি বইটির কোন অংশ খারাপ উদ্দেশ্যে বা বাণিজ্যিক উদ্দেশ্য ব্যবহার করে তাহলে কপিরাইট আইন অন্তর্ভুক্ত সকল প্রকার প্রক্রিয়া অনুসরণ করতে বাধ্য থাকব।

জাভাস্ক্রিপ্ট একটি কম কড়াকড়ি মানে (loosely) টাইপ ল্যাঙ্গুয়েজ।এইটি অন্যান্য ল্যাঙ্গুয়েজের মতো খুব বেশি case sensitive না। এটার কারণে অবশ্য অনেক সময় বিপাকে পড়তে হয় । তবে "use strict" নামে literal expression ব্যবহার করলেও অনেকটা strict mode প্রোগ্রাম রান করানো যায় । জাভাস্ক্রিপ্ট তিন রকম ভাবে লিখা যায়।

Inner Script
Inline Script
External Script File

Inner Script

inline-script.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> প্রথম প্রোগ্রাম হ্যাঁলো বাংলাদেশ </title>
</head>
<body>
    <script>
        console.log('হ্যাঁলো বাংলাদেশ');
    </script>
</body>
</html>

১। প্রথমে একটা .html extension যুক্ত ফাইল বানানো হয়েছে। নাম দেওয়া হয়েছে inline-script.html

২। HTML-5 এর বেসিক কিছু কোড লিখা হয়েছে।

৩। ১৩ নং লাইনে script নামে একটা ট্যাগ যুক্ত করা হয়েছে ।

৪। script ট্যাগ এর ভিতরে console.log('হ্যাঁলো বাংলাদেশ'); কোডটা লিখা হয়েছে।

৫। ব্রাউজার দিয়ে ফাইলটাকে open করা হয়েছে।

Output:

হ্যাঁলো বাংলাদেশ

Inline Script

inline-script.html

Second syntex:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> দ্বিতীয় প্রোগ্রাম আমি তোমায় ভালবাসি </title>
</head>
<body>
    <form>
        <button onclick="return confirm('আমি তোমায় ভালবাসি')">
           ক্লিক করে জেনে নিন  
        </button>
        <!--javascript in inner tag -->
    </form>
</body>
</html>

১। প্রথমে inline-script.html নামে একটা ফাইলে বানানো হয়েছে।

২। তারপরে HTML-5 এর বেসিক কিছু কোড লিখা হয়েছে ।

৩। body ট্যাগ এর ভিতরে form ট্যাগ যুক্ত করে তাতে আরেকটা button ট্যাগ যুক্ত করা হয়েছে।

৪। button ট্যাগ এর ১৩ নং লাইনের মতো করে onclick এট্রিভিউটে একটা কোড যুক্ত করা হয়েছে onclick="return confirm('আমি তোমায় ভালবাসি')"

৫। সব শেষে আগের মতো করে ব্রাউজারে open করা হয়েছে।

৬। ক্লিক করে জেনে নিন button টাতে ক্লিক করলে একটা মেসেস দেখাবে আমি তোমায় ভালবাসি

External Script File:

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> তৃতীয় প্রোগ্রাম বাংলাদেশ সবুজ শ্যামল দেশ  </title>
</head>
<body>
  <script src="external-script.js"></script>
</body>
</html>

external-script.js

console.log('বাংলাদেশ সবুজ শ্যামল দেশ');

১। প্রথমে একটা index.html নামে ফাইল বানিয়ে নেওয়া হয়েছে এবং আগের মতো করে বেসিক HTML-5 এর কিছু কোড লিখে নেওয়া হয়েছে।

২। ১০ নং লাইনের মতো করে script যুক্ত করা হয়েছে এবং তাতে src নামে যে এট্রিবিউট আছে সেটাতে আমাদের external-script.js ফাইলটি যুক্ত করে দেওয়া হয়েছে।

৩। external-script.js নামে ফাইল করে তাতে console.log('বাংলাদেশ সবুজ শ্যামল দেশ'); কোডটি লিখা হয়েছে।

৪। পরে ব্রাউজার দিয়ে আগের মতো করে open করা হয়েছে।

৫। ব্রাউজারে কনসোল open করলে দেখা যাবে বাংলাদেশ সবুজ শ্যামল দেশ লিখা দেখা যাচ্ছে।

এখন আপনার কাজ হচ্ছে আপনি এইরকম আরো কিছু প্রোগ্রাম লিখবেন যেখানে আপনি আপনার প্রিয় দুইজন মানুষ এবং আমাদের দেশকে নিয়ে লিখবেন। তো শুরু করে দিন আর লিখা শেষ হলে আমাকে মেইল করে জানিয়ে দিন pro.nipu@gmail.com এই মেইলে মাধ্যমে।

Previousপ্রথম প্রোগ্রাম = হ্যালো বাংলাদেশ Nextভেরি + এবল = ভেরিয়্যাবল কি?

Last updated 1 year ago

সিনট্যাক্স নিয়ে যত কথা।

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title> প্রথম প্রোগ্রাম হ্যাঁলো বাংলাদেশ </title> </head> <body> <script> console.log('হ্যাঁলো বাংলাদেশ'); </script> </body> </html>

Second syntex: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title> দ্বিতীয় প্রোগ্রাম আমি তোমায় ভালবাসি </title> </head> <body> <form> <button onclick="return confirm('আমি তোমায় ভালবাসি')"> ক্লিক করে জেনে নিন </button>  </form> </body> </html>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title> তৃতীয় প্রোগ্রাম বাংলাদেশ সবুজ শ্যামল দেশ </title> </head> <body> <script src="external-script.js"></script> </body> </html>