HTML JavaScript

জাভাস্ক্রিপ্ট এইচটিএমএল পৃষ্ঠা সামগ্রী সক্রিয় ও অংশগ্রহণকারী করে

প্রতিদর্শন

আমার প্রথম জাভাস্ক্রিপ্ট

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

HTML <script> ট্যাগ

HTML <script> ট্যাগটি ক্লায়েন্ট স্ক্রিপ্ট (জাভাস্ক্রিপ্ট) নির্দিষ্ট করে

<script> ইলেকট্রনিক উপাদানটি স্ক্রিপ্ট স্টেটমেন্ট ধারণ করতে পারে এবং src প্রোগ্রামটির সাথে সংযুক্ত বাইরের স্ক্রিপ্ট ফাইলকে ইন্দ্রণমূলক হতে পারে

জাভাস্ক্রিপ্টের সাধারণ ব্যবহার হল চিত্র প্রক্রিয়াকরণ, ফর্ম পরীক্ষা ও কনটেন্টের ডাইনামিক পরিবর্তন

একটি HTML ইলেকট্রনিক উপাদান চিহ্নিত করতে, জাভাস্ক্রিপ্ট সবচেয়ে বেশি ব্যবহৃত document.getElementById() পদ্ধতি

এই জাভাস্ক্রিপ্ট উদাহরণ id="demo" এমন একটি HTML ইলেকট্রনিক উপাদানে "Hello JavaScript!" লিখে দেয়:

প্রতিদর্শন

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

সুপারিশ:আমাদের JavaScript টিউটোরিয়াল এখানে আরও জাভাস্ক্রিপ্ট জ্ঞান শিখুন

জাভাস্ক্রিপ্টের স্বাদ

এখানে জাভাস্ক্রিপ্টের ক্ষমতা প্রদর্শনের কিছু উদাহরণ দেওয়া হল:

প্রতিদর্শন

JavaScript কনটেন্টটি পরিবর্তন করতে পারে:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

প্রতিদর্শন

JavaScript স্টাইলটি পরিবর্তন করতে পারে:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

প্রতিদর্শন

JavaScript প্রকৃতির পরিবর্তন করতে পারে:

document.getElementById("image").src = "picture.gif";

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

HTML <noscript> ট্যাগ

HTML <noscript> ট্যাগটি বিকল্প কনটেন্ট নির্দিষ্ট করে, যা স্ক্রিপ্টটি নিষ্ক্রিয় করা হয়েছে বা ব্রাউজারটি স্ক্রিপ্টকে সমর্থন করে না এমন ব্যবহারকারীদের দেখানো হবে:

প্রতিদর্শন

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>মোদুক, আপনার ব্রাউজারটি JavaScript-এর সমর্থন করে না!</noscript>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

HTML স্ক্রিপ্ট ট্যাগ

ট্যাগ বর্ণনা
<script> ক্লায়েন্ট সক্রিপ্ট নির্দিষ্ট করুন。
<noscript> ক্লায়েন্ট সক্রিপ্ট সমর্থন না করা ব্যবহারকারীদের জন্য বিকল্প কনটেন্ট নির্দিষ্ট করুন。

সকল উপলব্ধ HTML ট্যাগের পূর্ণ তালিকা দেখতে আমাদের HTML ট্যাগ রেফারেন্স ম্যানুয়াল。