জাভাস্ক্রিপ্টে টেক্সট ফিল্ডের সাথে কাজ করা

এখন আমরা আমাদের ওয়েবসাইটের ব্যবহারকারীদের কাছ থেকে টেক্সট পাওয়া শিখব। এর জন্য HTML-এ একটি বিশেষ ট্যাগ input রয়েছে, যা ডেটা ইনপুটের জন্য একটি টেক্সট ফিল্ড হিসেবে কাজ করে।

html<input>

এই ট্যাগটির একটি বিশেষ অ্যাট্রিবিউট value রয়েছে, যা প্রারম্ভিক টেক্সট নির্ধারণ করে, যা পৃষ্ঠায় প্রবেশ করার সময় ইনপুটে লেখা থাকবে:

html<input value="text">

আমাদের ওয়েবসাইটের ব্যবহারকারী পৃষ্ঠায় প্রবেশ করার পর ইনপুটের টেক্সট পরিবর্তন করতে পারেন। এই ক্ষেত্রে, আমাদের কাছে যদি একটি ভেরিয়েবল থাকে যাতে এই ইনপুটের একটি রেফারেন্স থাকে, তাহলে value প্রপার্টিটি সর্বদা ইনপুটের বর্তমান টেক্সটের মান ধারণ করবে।

আসুন অনুশীলনে চেষ্টা করি। ধরি আমাদের কাছে একটি ইনপুট আছে যার value অ্যাট্রিবিউট রয়েছে:

html<input id="elem" value="text">

এই ইনপুটটির রেফারেন্স একটি ভেরিয়েবলে পাই:

javascriptlet elem = document.querySelector('#elem');

এবং এখন ইনপুটের বর্তমান টেক্সট স্ক্রিনে আউটপুট করি:

javascriptconsole.log(elem.value);

এবং এখন ইনপুটের টেক্সট অন্য কিছুতে পরিবর্তন করি:

javascriptelem.value = 'new text';