<output>: এইচটিএমএল আউটপুট উপাদান (The HTML Output element)। HTML <output> ট্যাগ একটি গণনা বা ব্যবহারকারীর কর্মের ফলাফল প্রদর্শন করতে ব্যবহৃত হয়। <output> ট্যাগটি HTML5 এ চালু করা হয়েছিল। এটি আউটপুট ফলাফল সহ একটি ধারক তৈরি করে। এই ফলাফলগুলি একটি গণনা বা ব্যবহারকারীর ক্রিয়া থেকে হতে পারে৷ উদাহরণস্বরূপ, <output> ট্যাগটি বিনিময় হার রূপান্তরের ফলাফল প্রদর্শন করতে ব্যবহার করা যেতে পারে। <output> ট্যাগের জন্য একটি শুরু এবং শেষ ট্যাগ প্রয়োজন। এটি তিনটি বৈশিষ্ট্য গ্রহণ করে। <output> ট্যাগ ব্যবহার করার জন্য, আপনার জাভাস্ক্রিপ্ট সম্পর্কে কিছু প্রাথমিক জ্ঞান প্রয়োজন। উদাহরণস্বরূপ, আপনি একটি <ইনপুট> সংখ্যার ধরন সংজ্ঞায়িত করতে পারেন যাতে ফর্মটি জানানো হয় যে ব্যবহারকারী পূর্ণসংখ্যা প্রবেশ করছে। ব্যবহারকারী অন্য ধরনের তথ্য প্রবেশ করালে, <output> ফর্মটি NaN প্রদান করে, যার অর্থ একটি সংখ্যা নয়। এইচটিএমএল আউটপুট উপাদান (The HTML Output element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল।
Example:
<!-- example:1 -->
<!-- use "+" sign -->
<form oninput="z.value=parseInt(x.value)+parseInt(y.value)">
<!-- starting range -->
<input type="range" id="x" value="10">
+
<!-- previous selected value -->
<input type="number" id="y" value="25">
<!-- output value -->
= <output name="z" for="x y"></output>
</form>Example:2
<!-- Example:2 -->
<!-- use "-" sign -->
<form oninput="z.value=parseInt(x.value)-parseInt(y.value)">
<!-- starting range -->
<input type="range" id="x" value="10">
-
<!-- previous selected value -->
<input type="number" id="y" value="25">
<!-- output value -->
= <output name="z" for="x y"></output>
</form>Full Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML MASTER JHUTANDA</title>
<!--https://jhutanda.com-->
<!--https://github.com/jhutanda-->
</head>
<body>
<h1>output</h1>
<!-- -----------------------
----------------------------
z=x+y
z=x-y
----------------------------
---------------------------->
<!-- example:1 -->
<!-- use "+" sign -->
<form oninput="z.value=parseInt(x.value)+parseInt(y.value)">
<!-- starting range -->
<input type="range" id="x" value="10">
+
<!-- previous selected value -->
<input type="number" id="y" value="25">
<!-- output value -->
= <output name="z" for="x y"></output>
</form>
<br><br>
<!-- Example:2 -->
<!-- use "-" sign -->
<form oninput="z.value=parseInt(x.value)-parseInt(y.value)">
<!-- starting range -->
<input type="range" id="x" value="10">
-
<!-- previous selected value -->
<input type="number" id="y" value="25">
<!-- output value -->
= <output name="z" for="x y"></output>
</form>
</body>
</html>