একটা প্রশ্ন অনেকেরই মনে হতে পারে 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 করলে নিচে প্রদর্শিত ছবির মত দেখাবে।
জাভাস্ক্রিপ্ট কি ? – জাভাস্ক্রিপ্ট (পর্ব-১)
জাভাস্ক্রিপ্ট কেন ব্যবহার করবেন ? – জাভাস্ক্রিপ্ট (পর্ব-২)
প্রোগ্রাম লেখার পদ্ধতি – জাভাস্ক্রিপ্ট (পর্ব-৩)
এইচ টি এম এল এর সাথে যুক্ত করা – জাভাস্ক্রিপ্ট (পর্ব-৪)