HTML JavaScript

HTML জাভাস্ক্রিপ্টের একটি টিউটোরিয়াল

HTML JavaScript

জাভাস্ক্রিপ্ট এইচটিএমএল পৃষ্ঠাগুলিকে আরও গতিশীল এবং ইন্টারেক্টিভ করে তোলে।

Example

My First JavaScript

Click me to display Date and Time

The HTML <script> Tag

HTML <script> ট্যাগটি একটি ক্লায়েন্ট-সাইড স্ক্রিপ্ট (জাভাস্ক্রিপ্ট) সংজ্ঞায়িত করতে ব্যবহৃত হয়।

<script> উপাদানটিতে স্ক্রিপ্ট বিবৃতি থাকতে পারে বা src বৈশিষ্ট্যের মাধ্যমে একটি বহিরাগত স্ক্রিপ্ট ফাইলের দিকে নির্দেশ করতে পারে।

জাভাস্ক্রিপ্টের জন্য সাধারণ অ্যাপ্লিকেশন হল ইমেজ ম্যানেজমেন্ট, ফর্ম ভ্যালিডেশন এবং কন্টেন্টের গতিশীল পরিবর্তন।

JavaScript প্রায়ই একটি HTML উপাদান নির্বাচন করতে document.getElementById() পদ্ধতি ব্যবহার করে।

এই জাভাস্ক্রিপ্ট উদাহরণটি বলছে "হ্যালো জাভাস্ক্রিপ্ট!" এটি id="demo" সহ HTML উপাদানের ভিতরে লিখে:

Example

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

পরামর্শ:

আমাদের জাভাস্ক্রিপ্ট টিউটোরিয়ালে জাভাস্ক্রিপ্ট সম্পর্কে আরও জানুন।

A Taste of JavaScript

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

Example

জাভাস্ক্রিপ্ট সামগ্রী প্রতিস্থাপন করতে পারে:

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

Example

জাভাস্ক্রিপ্ট শৈলী পরিবর্তন করা যেতে পারে:

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

Example

জাভাস্ক্রিপ্ট বৈশিষ্ট্য পরিবর্তন করা যেতে পারে:

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

The HTML <noscript> Tag

HTML <noscript> ট্যাগ তাদের ব্রাউজারে স্ক্রিপ্ট নিষ্ক্রিয় করা ব্যবহারকারীদের বা যাদের ব্রাউজার স্ক্রিপ্ট সমর্থন করে না তাদের কাছে প্রদর্শিত বিকল্প সামগ্রীকে সংজ্ঞায়িত করে:

Example

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

Exercise

In which HTML element do we put JavaScripts?

<java>
✗ ভুল! <java> একটি বৈধ HTML ট্যাগ নয়।
<javascript>
✗ ভুল! <javascript> একটি বৈধ HTML ট্যাগ নয়।
<script>
✓ ঠিক আছে! <script> ট্যাগটি JavaScript কোড সন্নিবেশ করতে ব্যবহৃত হয়।

HTML Script Tags

Tag Description
<script> একটি ক্লায়েন্ট-সাইড স্ক্রিপ্ট সংজ্ঞায়িত করে
<noscript> ক্লায়েন্ট-সাইড স্ক্রিপ্ট সমর্থন করে না এমন ব্যবহারকারীদের জন্য বিকল্প সামগ্রী সংজ্ঞায়িত করে

পরামর্শ:

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