HTML DOM Button value প্রপার্টি <button> এলিমেন্টের value অ্যাট্রিবিউটের সাথে সম্পর্কিত। এটি বাটনের লুকানো মান নির্দিষ্ট করে। value প্রপার্টি বাটনের value অ্যাট্রিবিউটের মান সেট বা রিটার্ন করে। ব্রাউজারগুলো সাধারণত বাটনে ক্লিক করলে value টেক্স্ট সাবমিট করে যখন অন্যগুলো <button> এলিমেন্টের মাঝপথের টেক্স্ট সাবমিট করে।
সিনট্যাক্স
নিচে দেওয়া হলো -
value প্রপার্টি সেট করার সিনট্যাক্স -
buttonObject.value = text
এখানে, text প্রপার্টি ভ্যালু বাটনকে দেওয়া প্রাথমিক মান।
উদাহরণ
Button value প্রপার্টির একটি উদাহরণ দেখি -
<!DOCTYPE html> <html> <body> <button id="Button1" name="random" value="FirstButton">My Button</button> <p>নিচের বাটনে ক্লিক করুন উপরের বাটনের ভ্যালু পরিবর্তন করতে</p> <button onclick="changeFunc()">CHANGE</button> <p id="Sample"></p> <script> function changeFunc() { document.getElementById("Button1").value = "SecondButton"; var x = document.getElementById("Button1").value; document.getElementById("Sample").innerHTML = "The button value is now "+x; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে -
CHANGE-এ ক্লিক করলে -
আমরা প্রথমে "FirstButton" ভ্যালু সহ একটি বাটন তৈরি করেছি যার আইডি "button1"।
<button id="Button1" name="random" value="FirstButton">My Button</button>
তারপর আমরা একটি CHANGE বাটন তৈরি করেছি যা ক্লিক করলে changeFunc() এক্সিকিউট করবে।
<button onclick="changeFunc()">CHANGE</button>
changeFunc() মেথড প্রথম বাটন এলিমেন্টটি এর আইডি "Button1" ব্যবহার করে পেয়ে এর ভ্যালু "FirstButton"- থেকে "SecondButton"-এ পরিবর্তন করে। নতুন পরিবর্তিত বাটন ভ্যালুটি তারপর ভেরিয়েবল x-এ অ্যাসাইন করা হয় এবং "Sample" আইডি 가진 প্যারাগ্রাফের ভিতরে দেখানো হয়।
function changeFunc() { document.getElementById("Button1").value = "SecondButton"; var x = document.getElementById("Button1").value; document.getElementById("Sample").innerHTML = "The button value is now "+x; }
