জাভাস্ক্রিপ্ট আউটপুট টেক্সটবক্সে দেখান

জাভাস্ক্রিপ্টে টেক্সটবক্সে মান প্রদর্শন করা

জাভাস্ক্রিপ্টে .value প্রপার্টি ব্যবহার করে আপনি সহজেই ইনপুট ফিল্ডে আউটপুট দেখাতে পারেন। নিচের উদাহরণে দুটি সংখ্যা যোগ করে ফলাফল একটি টেক্সটবক্সে দেখানো হয়েছে।

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <label for="input1">প্রথম সংখ্যা</label>
    <input type="text" name="input1"><br>
    <label for="input2">দ্বিতীয় সংখ্যা:</label>
    <input type="text" name="input2"><br>
    <button onClick="add()">দুই সংখ্যা যোগ করুন</button><br>
    <label for="displayValue">যোগফল:</label>
    <input type="text" name="display">
    <script>
        function add() {
            var f = parseInt(document.getElementsByName('input1')[0].value);
            var s = parseInt(document.getElementsByName('input2')[0].value);
            var result = f + s;
            document.getElementsByName('display')[0].value = result;
        }
    </script>
</body>
</html>

কিভাবে চালাবেন

ফাইলটি anyName.html (index.html) নামে সংরক্ষণ করুন এবং VS Code এডিটরে "Open with Live Server" অপশনটি ব্যবহার করে চালান।

আউটপুট

বাটনে ক্লিক করলে দুটি ইনপুট বক্সের সংখ্যাগুলো যোগ হয়ে ফলাফল টেক্সটবক্সে প্রদর্শিত হবে।