JavaScript Output
অনুবাদ করেছেন AbuJubair Mahin
জাভাস্ক্রিপ্ট কোনো বিল্ট ইন প্রিন্ট অথবা ডিসপ্লে ফাংশন নেই।
JavaScript Display প্রোপার্টিস
জাভাস্ক্রিপ্ট বিভিন্ন উপায়ে তথ্য “প্রদর্শন” করতে পারে:
* window.alert() ব্যবহার করে সতর্কতা বক্সে লেখা ।
* document.write() ব্যবহার করে HTML আউটপুট মধ্যে লেখা ।
* innerHTMLব্যবহার করে একটি HTML উপাদান মধ্যে লেখা ।
* console.log() ব্যবহার করে ব্রাউজার কনসোল মধ্যে লেখা ।
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>
document.write() ব্যবহার
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>
HTML ডকুমেন্ট সম্পূর্ণরূপে লোড করার পরে document.write () ব্যবহার করে, সব বিদ্যমান HTML মুছে ফেলা হবে:
উদাহরনঃ
<!DOCTYPE html> <html> <body>
<h1>My First Web Page</h1> <p>My first paragraph.</p>
<button onclick="document.write(5 + 6)">Try it</button>
</body> </html>
সতর্কতাঃ Document.write () মেথড শুধুমাত্র পরীক্ষার জন্য ব্যবহার করা উচিত।
innerHTML ব্যবহার
একটি HTML উপাদান অ্যাক্সেস করার জন্য, জাভাস্ক্রিপ্ট document.getElementById (ID) পদ্ধতি ব্যবহার করতে পারেন.
আইডি অ্যাট্রিবিউট HTML উপাদান সংজ্ঞায়িত করে. InnerHTML property, HTML সামগ্রী সংজ্ঞায়িত করেঃ
উদাহরনঃ
<!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>
আমাদের সকল উদাহরণে, আমরা প্রায়ই (একটি HTML উপাদান মধ্যে লেখা) innerHTML পদ্ধতি ব্যবহার করেছি ।
console.log() ব্যবহার
আপনার ব্রাউজারে, আপনি তথ্য প্রদর্শন console.log () পদ্ধতি ব্যবহার করতে পারেন.
ব্রাউজার এ F12 press করে কনসোল, সক্রিয় এবং মেনু “কনসোল” নির্বাচন করুন।
উদাহরনঃ
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
ধন্যবাদ, আশা করি বিষয়টি সকলেই বুঝতে পেরেছেন 🙂