<script> ট্যাগ হলো JavaScript একটি HTML পেজে কীভাবে যুক্ত হয় — হয় সরাসরি inline লেখা, বা একটি আলাদা file থেকে load করা। এই lesson HTML-এর দিকটা কভার করে; এই সাইটের অন্য জায়গায় পূর্ণ JavaScript কোর্স ভাষাটাই কভার করে।
ওপেনিং আর ক্লোজিং ট্যাগের মাঝে সরাসরি লেখা কোড।
<script>
console.log('Hello from inline JavaScript')
</script>নিজের একটি .js file-এ রাখা আর src attribute দিয়ে load করা কোড — সাধারণত ভালো পছন্দ, কারণ file-টা ব্রাউজার cache করতে পারে আর একাধিক পেজে reuse করতে পারে।
<script src="app.js"></script>| জায়গা | প্রভাব |
|---|---|
| <body>-এর শেষে | পেজের HTML আগে render হয়, তারপর script চলে — প্রথাগত, সবচেয়ে নিরাপদ default |
| <head>-এ, defer attribute সহ | পেজ parse হওয়ার সময় ব্যাকগ্রাউন্ডে script download হয়, তারপর চলে — modern সমতুল্য, rendering block না করে |
| <head>-এ, defer ছাড়া | বাকি পেজ parse হওয়ার আগে script download আর চলে — rendering block করে, সাধারণত এড়ানো হয় |
<head>
<script src="app.js" defer></script>
</head>সবচেয়ে সাধারণ শুরুর দিকের bug
সন্দেহ হলে, script ট্যাগ </body>-এর ঠিক আগে রাখুন, বা head-এ defer ব্যবহার করুন — দুটোই এখনো load হয়নি এমন একটি এলিমেন্ট খোঁজার চেষ্টা করা একটি script-এর সাধারণ শুরুর দিকের ভুল এড়ায়।