HTML-এ <output> ট্যাগ কীভাবে ব্যবহার করবেন?

HTML <output> ট্যাগের ব্যবহার

HTML <output> ট্যাগ একটি ক্যালকুলেশনের ফলাফল নির্দেশ করে। <output> ট্যাগের অ্যাট্রিবিউটগুলো নিচে দেওয়া হলো:

অ্যাট্রিবিউট	মান	বর্ণনা
for	element_id	অন্য এলিমেন্টগুলোর ID-এর তালিকা, অর্থাৎ যেসব এলিমেন্ট ক্যালকুলেশনে ইনপুট মান দিয়েছে।
form	form_id	আউটপুট এলিমেন্টকে ডকুমেন্টের যেকোনো জায়গায় রাখতে সক্ষম করে।
name	name	এলিমেন্টের নাম।

উদাহরণ

নিচের কোডটি চালিয়ে ক্যালকুলেশনের ফলাফল নির্দিষ্ট করতে পারেন:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Output Tag</title>
  </head>
  <body>
    <form oninput="result.value = parseInt(a1.value) + parseInt(a2.value)">
      <input type="range" name="a1" value="0" /> +
      <input type="number" name="a2" value="5" /> <br />
      ফলাফল: <output name="result"></output>
    </form>
  </body>
</html>

HTML-এ <output> ট্যাগ কীভাবে ব্যবহার করবেন?

ব্যাখ্যা: oninput ইভেন্ট হ্যান্ডলার ফর্মের যেকোনো ইনপুট পরিবর্তন হলে ফলাফল আপডেট করে। parseInt দিয়ে স্ট্রিংকে সংখ্যায় রূপান্তর করা হয়েছে।