জাভাস্ক্রিপ্টে টেক্সট ফিল্ডের সাথে কাজ করা
এখন আমরা আমাদের ওয়েবসাইটের ব্যবহারকারীদের কাছ থেকে
টেক্সট পাওয়া শিখব। এর জন্য
HTML-এ একটি বিশেষ ট্যাগ input রয়েছে,
যা ডেটা ইনপুটের জন্য একটি টেক্সট ফিল্ড হিসেবে
কাজ করে।
<input>
এই ট্যাগটির একটি বিশেষ অ্যাট্রিবিউট value রয়েছে,
যা প্রারম্ভিক টেক্সট নির্ধারণ করে, যা পৃষ্ঠায়
প্রবেশ করার সময় ইনপুটে লেখা থাকবে:
<input value="text">
আমাদের ওয়েবসাইটের ব্যবহারকারী পৃষ্ঠায় প্রবেশ করার পর
ইনপুটের টেক্সট পরিবর্তন করতে পারেন। এই
ক্ষেত্রে, আমাদের কাছে যদি একটি ভেরিয়েবল থাকে যাতে
এই ইনপুটের একটি রেফারেন্স থাকে, তাহলে value
প্রপার্টিটি সর্বদা ইনপুটের বর্তমান টেক্সটের মান
ধারণ করবে।
আসুন অনুশীলনে চেষ্টা করি। ধরি আমাদের কাছে একটি ইনপুট
আছে যার value অ্যাট্রিবিউট রয়েছে:
<input id="elem" value="text">
এই ইনপুটটির রেফারেন্স একটি ভেরিয়েবলে পাই:
let elem = document.querySelector('#elem');
এবং এখন ইনপুটের বর্তমান টেক্সট স্ক্রিনে আউটপুট করি:
console.log(elem.value);
এবং এখন ইনপুটের টেক্সট অন্য কিছুতে পরিবর্তন করি:
elem.value = 'new text';
একটি ইনপুট এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে ইনপুটে কিছু টেক্সট লিখুন।
একটি ইনপুট, একটি প্যারাগ্রাফ এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে প্যারাগ্রাফে ইনপুট থেকে টেক্সট লিখুন।
দুটি ইনপুট এবং একটি বাটন দেওয়া আছে। প্রথম ইনপুটে ব্যবহারকারী একটি সংখ্যা ইনপুট দেন। বাটনে ক্লিক করলে দ্বিতীয় ইনপুটে ইনপুটকৃত সংখ্যার বর্গ লিখুন।
দুটি ইনপুট এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে প্রথম ইনপুটে দ্বিতীয় ইনপুটের মান লিখুন, এবং দ্বিতীয় ইনপুটে - প্রথমটির মান লিখুন। আপনার কোডটি সর্বজনীনভাবে কাজ করা উচিত, ইনপুটের যেকোনো মানের জন্য।
5 টি ইনপুট, একটি প্যারাগ্রাফ এবং একটি বাটন দেওয়া আছে।
ইনপুটে সংখ্যা ইনপুট দেওয়া হয়। বাটনে ক্লিক করলে
ইনপুটকৃত সংখ্যাগুলোর গাণিতিক গড় প্যারাগ্রাফে লিখুন।
