<button> এলিমেন্টের value অ্যাট্রিবিউট বাটনের প্রারম্ভিক মান সেট করতে ব্যবহৃত হয়। আপনি এটিকে <form>-এ সেট করতে পারেন। এখানে, আমরা ফর্ম ছাড়া একটি উদাহরণ দেখাচ্ছি।
সিনট্যাক্স নিচের মত:
<button value="value">
উপরে, value হলো প্রারম্ভিক মান।
এখন <button>-এ value অ্যাট্রিবিউট ইমপ্লিমেন্ট করার একটি উদাহরণ দেখি:
উদাহরণ
<!DOCTYPE html> <html> <body> <p>Click below to get details about the learning content...</p></br></br> <button id = "button1" value = "Learning" onclick = "demo1()">Get Tutorials</button> <button id = "button2" value = "InterviewAnswers" onclick = "demo2()">Get InterviewQA</button> <p id = "myid"></p> <script> function demo1() { var val1 = document.getElementById("button1").value; document.getElementById("myid").innerHTML = val1; } function demo2() { var val1 = document.getElementById("button2").value; document.getElementById("myid").innerHTML = val1; } </script> </body> </html>
এটি প্রারম্ভিকভাবে নিচের আউটপুট দেবে:
"Get Tutorials" বাটনে ক্লিক করলে আউটপুট নিচের মত:
"Get InterviewQA" বাটনে ক্লিক করলে আউটপুট নিচের মত:
উপরের উদাহরণে, আমরা জাভাস্ক্রিপ্ট ফাংশন তৈরি করেছি ভ্যালু ভেরিয়েবলে পেতে। 그중 একটি demo1():
function demo1() { var val1 = document.getElementById("button1").value; document.getElementById("myid").innerHTML = val1; }
উপরের ফলাফল বাটনে ক্লিক করলে দেখানো হয়। onclick প্রপার্টি উপরের demo1() ফাংশন কল করার জন্য সেট করা হয়েছে:
<button id = "button1" value = "Learning" onclick = "demo1()"> Get Tutorials </button>
