জাভাস্ক্রিপ্ট এর আউটপূট
জাভাস্ক্রিপ্ট এর আউটপূট মুলত চার ভাবে দেখানো হয়ঃ
- innerHTML যে কোন এইচটিএমএল এর এলিমেন্ট ব্যবহার করে আউটপুট দেখায় ।
- document.write() সরাসরি এইচটিএমএল আউটপুট দেখায় কোন এলিমেন্ট এর দরকার হয়না । এটা শুধু টেষ্টিং এর উদ্দেশ্যে ব্যবহার করা হয় ।
-
window.alert()এলার্ট বক্স এ আউটপুট দেখায়। - console.log() এটা ব্রাউসার এর কলসোল এ আউটপুট দেখায় ।
innerHTML এর ব্যবহার
এইচটিএমএল এর কোন এলিমেন্ট এর অ্যাক্সেস নিতে জাভাস্ক্রিপ্ট document.getElementById(id) মেথড/ফাংশন ব্যবহার করা হয়।
এখানে id এ্যাট্রিবিউট দিয়ে এইচটিএমএল এলিমেন্ট কে টার্গেট করা হয় এবং innerHTML প্রপার্টি / ভেরিয়েবলটিতে ঐ এলিমেন্ট এর ভেল্যু দেয়া থাকে । যেমন এই উদাহরনটি আপনার ব্রাউসারে রান করে দেখতে পারেনঃ
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>document.write() এর ব্যবহার
এটা শুধু টেষ্টিং এর উদ্দেশ্যে ব্যবহার করা সুবিধাজনক।
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>document.write() ব্যবহার করলে এরপরে লোড হওয়া সকল এইচটিএমএল এলিমেন্ট ডিলেট হয়ে যায়।
window.alert() এর ব্যবহার
এলার্ট বক্স এ ডাটা দেখাতে এটি ব্যবহার করা হয়।
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>console.log() এর ব্যবহার
console.log() এটি ডিবাগিং এর কাজে ডাটা দেখাতে ব্যবহার করা হয় ।
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>