ওয়েব পেজে লেখা প্রদর্শন করতে জাভাস্ক্রিপ্ট কেন?– জাভাস্ক্রিপ্ট (পর্ব-৭)

একটা প্রশ্ন অনেকেরই মনে হতে পারে HTML দ্বারাই যখন কোন ওয়েব পেজে যেকোন লেখা প্রদর্শন করা যায়, তখন আমরা কেন লেখা প্রদর্শন করতে জাভাস্ক্রিপ্ট ব্যবহার করব? HTML দ্বারা কোন ওয়েব পেজে যেকোন লেখা প্রদর্শন করা সম্ভব হলেও ডাইনামিক টেক্সট প্রদর্শনের জন্য জাভাস্ক্রিপ্ট ব্যবহার করা হয়। কারণ HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজজ নয়, তাই HTML বিভিন্ন ধরণের ডাটা, ভেরিয়েবল, অপারেটর ইত্যাদি নিয়ে কাজ করে না। অন্যদিকে জাভাস্ক্রিপ্ট প্রোগ্রামিং ল্যাঙ্গুয়েজ এবং ডাটা, ভেরিয়েবল, অপারেটর ইত্যাদি ব্যবহার করে তৈরিকৃত স্টেটমেন্ট অনুযায়ী কাজ করে। তাই জাভাস্ক্রিপ্টে ডাইনামিক ডাটা নিয়ে কাজ করতে হয়।greet নামে একটা ভেরিয়েবলে var greet = “Welcome to “; এর অনুরূপ Welcome to স্ট্রিংটি রাখা হল; এখন Welcome to www.tutorialbd.com,Welcome to www.tutowebs.com, এবং Welcome to www.tutohost.com লেখা তিনটি তিনটি লাইনে প্রদর্শন করকে হবে। এজন্য document.write( greet + “www.tutorialbd.com <br />” ); document.write( greet + “www.tutowebs.com <br />” ); document.write( greet + “www.tutohost.com” ); ব্যবহার করা হয়েছে প্রতিক্ষেত্রেই greet ভেরিয়েবল দ্বারা Welcome to লেখাটি প্রদর্শিক হচ্ছে,যা HTML দ্বারা করা সম্ভব নয়।

অনুশীলন প্রজেক্ট

[sourcecode language=”php”]

<html>
<head>
<title>www.tutorialbd.com</title>
<style>
body{background: #FFC;
font-size:24px;}
</style>
</head>
<body>
<script type="text/javascript">
var greet = "Welcome to ";
document.write( greet + "www.tutorialbd.com <br />" );
document.write( greet + "www.tutowebs.com <br />" );
document.write( greet + "www.tutohost.com" );
</script>
</body>
</html>

[/sourcecode]

একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।

জাভাস্ক্রিপ্টের অন্যান্য টিউটোরিয়াল সমূহ :

জাভাস্ক্রিপ্ট কি ? – জাভাস্ক্রিপ্ট (পর্ব-১)

জাভাস্ক্রিপ্ট কেন ব্যবহার করবেন ? – জাভাস্ক্রিপ্ট (পর্ব-২)

প্রোগ্রাম লেখার পদ্ধতি – জাভাস্ক্রিপ্ট (পর্ব-৩)

এইচ টি এম এল এর সাথে যুক্ত করা – জাভাস্ক্রিপ্ট (পর্ব-৪)

এক্সটার্নাল জাভাস্ক্রিপ্ট – জাভাস্ক্রিপ্ট (পর্ব-৫)

জাভাস্ক্রিপ্টের প্রথম প্রোগ্রাম – জাভাস্ক্রিপ্ট (পর্ব-৬)

অসীম কুমার

লেখক ঢাকা প্রকৌশল ও প্রযুক্তি বিশ্ববিদ্যায়(DUET)এ EEE তে লেখাপড়া করেন। তিনি টিউটোরিয়ালবিডি এবং টিউটোহোস্টের জন্য ইলেক্ট্রনিক্স, ওয়েব ডিজাইন ও ডেভলপমেন্ট এবং মাইক্রোকন্ট্রোলারের উপর টিউটরিয়াল এবং ই-বুক লিখেছেন।এছাড়া তিনি বিজ্ঞান প্রযুক্তি ডট কমে নিয়মিত লিখে থাকেন। তিনি তার প্রতিটা টিউটোরিয়াল এবং ব্লগে সৃজনশীলতাকে গুরুত্ব দিয়ে থাকেন।তার ভাষায় "আসুন আমরা আমাদের দেশীয় প্রযুক্তিকে সমৃদ্ধ করার চেষ্টা করি, উৎসাহিত করি সকল ভাল পদক্ষেপ এবং প্রচেষ্টাকে।উজ্জ্বল আগামি আমাদেরকে হাতছানি দিচ্ছে"।তাকে ফেসবুকে বন্ধু হিসেবে যোগ করতে পারেন। 

Tags:


ফেসবুকের মাধ্যমে মন্তব্য লিখুন

Leave a Reply