Jhutanda

এইচটিএমএল আউটপুট উপাদান (The HTML Output element)

<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>

Scroll to Top