HTML DOM Input number value প্রপার্টি type=”Number” থাকা ইনপুট এলিমেন্ট এবং value অ্যাট্রিবিউট থাকা এলিমেন্টের সাথে জড়িত। এই প্রপার্টি ইনপুট এলিমেন্টের value অ্যাট্রিবিউটের মান রিটার্ন করতে বা সেট করতে ব্যবহৃত হয়। এই প্রপার্টি এলিমেন্টের জন্য ডিফল্ট ভ্যালু নির্দিষ্ট করতে এবং ইউজার ইনপুট অনুযায়ী এর মান পরিবর্তন করতে ব্যবহৃত হয়।
সিনট্যাক্স
value প্রপার্টি সেট করার সিনট্যাক্স:
numberObject.value = number;
এখানে, number নম্বর ফিল্ডের জন্য মান নির্দিষ্ট করতে ব্যবহৃত হয়।
উদাহরণ
input Number value প্রপার্টির উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Input Number Value প্রপার্টি</h1> PHONE NO: <input type="number" value="222" id="NUMBER1"> <p>উপরের এলিমেন্টের মান পেতে নিচের বাটনে ক্লিক করুন</p> <button onclick="getValue()">Get Value</button> <p id="Sample"></p> <script> function getValue() { var t = document.getElementById("NUMBER1").value; document.getElementById("Sample").innerHTML = "ইনপুট ফিল্ডের মান: "+t; } </script> </body> </html>আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
“Get Value” বাটনে ক্লিক করলে:
উপরের উদাহরণে:
type number এবং id “NUMBER1” সেট করে একটি ইনপুট ফিল্ড তৈরি করা হয়েছে। value অ্যাট্রিবিউট ব্যবহার করে নম্বর ফিল্ডের জন্য একটি ডিফল্ট মান নির্দিষ্ট করা হয়েছে।
PHONE NO: <input type="number" value="222" id="NUMBER1">
তারপর “Get Value” বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে getValue() মেথড এক্সিকিউট করবে:
<button onclick="getValue()">Get Value</button>
getValue() getElementById() মেথড ব্যবহার করে ইনপুট এলিমেন্ট পাওয়া এবং এর “value” অ্যাট্রিবিউটের মান t ভেরিয়েবলে অ্যাসাইন করা। এই ভেরিয়েবলটি id “Sample” ওয়ালা প্যারাগ্রাফে innerHTML প্রপার্টি ব্যবহার করে প্রদর্শন করা হয়েছে:
function getValue() { var t = document.getElementById("NUMBER1").value; document.getElementById("Sample").innerHTML = "ইনপুট ফিল্ডের মান: "+t; } 