একটি ওয়েব পেইজ কে আরও সৌন্দর্যমন্ডিত করতে javascript একটি গুরুত্বপুর্ন ভুমিকা পালিন করে।আজ আমি আলোচনা করবো javascript এর অবস্থান নিয়ে।
তিনটি সাধারন অবস্থান রয়েছে যেখানে জাভাস্ক্রিপ্ট কোডকে রাখা যায় ।
১ head ট্যাগ এর ভিতরে
২ body ট্যাগ এর মধ্যে
৩ বহিঃস্থ (external) file হিসাবে
_______________________________________________________________
গত পর্বঃ
JAVASCRIPT টিউটোরিয়াল এবার আপনার জন্য (পর্ব-১)
JAVASCRIPT টিউটোরিয়াল এবার আপনার জন্য (পর্ব-২)
JAVASCRIPT টিউটোরিয়াল এবার আপনার জন্য (পর্ব-৩)
________________________________________________________________
head or body এর অবস্থান পছন্দ করা খুব সাধারন।জাভাস্ক্রিপ্ট কে কিছু event এর উপর রান করাতে চাইলে সেক্ষেত্রে জাভাস্ক্রিপ্ট কে head ট্যাগ এ রাখতে হবে।
এক প্রকারের Script যা body tag এর মধ্যে লেখা যায়। আমরা কিছু Script লিখবো যার মাধ্যমে কিছু event সংঘটিত হবে ।যেমন ব্যবহারকারী যখন বাটনে ক্লিক করবে তখন alert box দেখাবে।
<html>
<head>
<script type="text/JavaScript">
<!--
function popup() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<input type="button" onclick="popup()" value="popup">
</body>
</html>
___________________________________________________________
আমরা একটা ফাংশন তৈরী করেছি যার নাম পপআপ এবং এটাকে এইচটিএমএল ডকুমেন্ট এর head ট্যাগ এ রেখেছি ।এখন আমরা যতবারই বাটনে ক্লিক করবো ততবারই "Hello World!"
নামের alert box দেখাবে।
বহি:স্থ (External) জাভাস্ক্রিপ্ট ফাইল ইমপোর্ট করার নিয়ম:
external জাভাস্ক্রিপ্ট file Import করা ঝামেলামুক্ত কাজ। প্রথমত যে ফাইলটিকে Import করবেন সেটা শুধুমাত্র জাভাস্ক্রিপ্ট file হতে হবে।দ্বিতীয়ত ফাইল extension টি অবশ্যই ".js" হতে হবে ।পরিশেষে আপনাকে অবশ্যই file এর অবস্থান জানতে হবে।
ধরা যাক "myjs.js" নামের আমাদের একটি file আছে যা এক লাইনের Hello World নামের alert function টি ধারন করছে।আরও ধরা যাক HTML file এবং জাভাস্ক্রিপ্ট file একই directory তে আছে।
myjs.js নামের জাভাস্ক্রিপ্ট file :
function popup() {
alert("Hello World")
}
প্রধান ফাইলঃ
<html>
<head>
<script src="/myjs.js">
</script>
</head>
<body>
<input type="button" onclick="popup()" value="Click Me!">
</body>
</html>
কিছু প্র্যোজনীয় Tips সমূহ:
১ ।আপনি যদি একই Script বিভিন্ন পেজে ব্যবহার করতে চান তাহলে external জাভাস্ক্রিপ্ট file ব্যবহার করতে পারেন।এর ফলে একই কোড প্রত্যেক পেজের জন্য লেখার প্রয়োজন নেই।২। উভয় ধরনের Script এর জন্য external জাভাস্ক্রিপ্ট file ব্যবহার করা যায় যেমন এমন টাইপ যা head tag (functions) এ রাখা হয় আরেক টাইপ যা body tag এ রাখা হয়।
৩। আপনাকে নিশ্চিত করতে হবে যে external জাভাস্ক্রিপ্ট file এ <script> tag অর্ন্তভুক্ত হবে না। সেখানে শুধুমাত্র HTML comment এবং জাভাস্ক্রিপ্ট code ছাড়া আর কিছু থাকবে না।
আমি আমার একটি programming +web design এর academy খুলেছি এবং এটি চালু করে ফেলেছি।আপনারা সবাই আমার জন্য একটু দোয়া করবেন যাতে আমি এটিকে সুন্দর মত পরিচালনা করতে পারি।
আমি প্রোগ্রামার রোমেল। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 15 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 87 টি টিউন ও 732 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
ফেসবুকে আমি http://www.facebok.com/simantoromel.bd আমার ওয়েবসাইট http://www.corposolution.com
ভাই আপনার পোস্ট অনেক ভাল হয়েছে। পোস্টের মাঝে মাঝে ফোন্টের করুন অবস্থা তাই ফোন্টের সমস্যা গুলো একটু দেখবেন
ধন্যবাদ নাহিদ ভাই।ফন্ট এর ট্যাগ এর প্রবলেম দূর করতে গিয়ে ট্যাগ এর প্রব্লেম হইছিল।তাই করি নাই।
অনেক ভাল একটা কাজ নিয়ে আপনি এগিয়ে যাচ্ছেন,
এই জন্য আপনাকে অনেক অনেক ধন্যবাদ।
আপনার পাশে থাকব ইনশাল্লাহ এগিয়ে যান আপন গতিতে।
রোমেল ভাই,
আপনাকে অসংখ্য ধন্যবাদ । আপনার টিউনগুলো থেকে আমি অনেক কিছু শিখেছি । আশা করছি চালিয়ে যাবেন । আপনার একাডেমীর জন্য অনেক দোয়া এবং শুভেচ্ছা ।
জাভাস্কীপ্টের খেলা দেখতে ঘুইরা আসেন………………………http:// http://www.gumantaduniya.co.cc
ভাল লিখেছেন… আপনাকে ধন্যবাদ। আপনার একাডেমীর সফলতা কামনা করছি।
http://bit.ly/9m8v04
![প্রোগ্রামিং জোনঃ C প্রোগ্রামিং [পর্ব-০১]](https://dnc.techtunes.io/tDrive/tuner/simantoromel/121502/166492_1616732016990_1197052545_31355061_6525070_a.jpg "প্রোগ্রামিং জোনঃ C প্রোগ্রামিং [পর্ব-০১]")
দারুন হইছে ভাই। ভাল লাগল টিউটোরিয়ালটি লিখে যান।
*.js format এ সেভ করাটা এই টিউন থেকে ক্লিয়ার হইলাম।