জাভাস্ক্রিপ্ট আউটপুট - JavaScript Output


data প্রদর্শন

জাভাস্ক্রিপ্ট বিভিন্ন ভাবে তথ্য বা data প্রদর্শন করে। এগুলো হল নিম্নরূপ।

নিচে এই 4 টি পদ্ধতির বিস্তারিত বর্ণনা দেয়া হল।


document.write()

জাভাস্ক্রিপ্ট কোড গুলো পরীক্ষা করার ক্ষেত্রে document.write() পদ্ধতি ব্যবহার করাই উত্তম। নিচে একটি উদাহরন দেখুন, যেখানে document.write() পদ্ধতি ব্যবহার করা হয়েছে।

উদাহরণ

<h1>This is a heading.</h1>
<p>This is a paragraph.</p>

<script>
   document.write(2 + 3);
</script>

কোড এডিটর



console.log()

ডিবাগিং বা debugging করার ক্ষেত্রে console.log() পদ্ধতি ব্যবহার করাই উত্তম। এক্ষেত্রে console.log() ব্যবহার করে ওয়েব ব্রাউজারকে তথ্য বা data প্রদর্শন করতে বলা হয়।

console.log() ব্যবহার করে নিচে একটি উদাহরন দেখুন।

উদাহরণ

<!DOCTYPE html>
<html>
<body>

<script>
  console.log(5 + 6);
</script>

</body>
</html>

কোড এডিটর



innerHTML

document.getElementById(id) ব্যবহার করে জাভাস্ক্রিপ্ট কোন এইচটিএমএল এলিমেন্টকে নির্দেশ করতে পারে। এক্ষেত্রে id আত্ত্রিবুতটি এইচটিএমএল এলিমেন্টকে নির্দেশ করে এবং innerHTML প্রোপার্টি এইচটিএমএল কন্টেন্ট।

idinnerHTML ব্যবহার করে নিচে একটি উদাহরন দেখুন।

উদাহরণ

<html>
<body>
<p id="display"></p>

<script>
   document.getElementById("display").innerHTML = 20 + 20;
</script>
</body>
</html>

কোড এডিটর



window.alert()

একটি এলার্ট বক্স ব্যবহার করে অর্থাৎ একটি এলার্ট বক্সের মাদ্ধমে জাভাস্ক্রিপ্টে তথ্য বা data প্রদর্শন করা যায়। এর জন্য জাভাস্ক্রিপ্ট এর window.alert() প্রোপার্টি ব্যবহার করা যায়।

নিচে জাভাস্ক্রিপ্ট এর window.alert() প্রোপার্টি ব্যবহার করে একটি উদাহরন দেখুন।

উদাহরণ

<!DOCTYPE html>
<html>
<body>

<h1>This is a heading.</h1>
<p>This is a paragraph.</p>

<script>
  window.alert(5 + 6);
</script>

</body>
</html>

কোড এডিটর



window.print()

জাভাস্ক্রিপ্ট এর কোন প্রিন্ট অবজেক্ট নেই, যার ফলে জাভাস্ক্রিপ্ট ব্যবহার করে আউটপুট ডিভাইস এর অপর কোন নিয়ন্ত্রন পাওয়া যায় না। কিন্তু window.print() প্রোপার্টি ব্যবহার করে বর্তমান স্ক্রীন বা current window তে থাকা কন্টেন্টকে প্রিন্ট করা যায়।

জাভাস্ক্রিপ্ট এর window.print() প্রোপার্টি ব্যবহার করে নিচে একটি উদাহরন দেখুন।

উদাহরণ

<!DOCTYPE html>
<html>
<body>

  <button onclick="window.print()">Print this web  page

</body>
</html>>

কোড এডিটর