How To Show Output In Javascript? জাভাস্ক্রিপ্টে আউটপুট দেখানোর পদ্ধতি
জাভাস্ক্রিপ্ট একটি বহুমুখী প্রোগ্রামিং ভাষা যা ডেভেলপারদের সুযোগ দেয় ডায়নামিক এবং ইন্টারাক্টিভ ওয়েব অ্যাপ্লিকেশন তৈরি
করতে। জাভাস্ক্রিপ্ট প্রোগ্রামিং এর একটি মৌলিক দিক হলো আউটপুট দেখানোর ক্ষমতা, যা ব্যবহারকারীদেরকে তথ্য বা ফলাফল
দেখানোর সুযোগ সৃষ্টি করে। আপনি যদি বিশেজাভাস্ক্রিপ্টে আউটপুট দেখানোর পদ্ধতি
জাভাস্ক্রিপ্টে আউটপুট দেখানোর জন্য আপনি পদ্ধতিগুলো ব্যবহার করতে পারেন। এই ধাপগুলোকে অনুসরণ করে আপনি আপনার
জাভাস্ক্রিপ্ট কোডে আউটপুট দেখাতে পারবেন। চলুন আমরা একেকটি পদ্ধতি ধাপে বিস্তারিত দেখে নেই।
জাভাস্ক্রিপ্টে সহজেই আউটপুট দেখানোর জন্য আমরা console.log() ফাংশন ব্যবহার করি। এটি ডেভেলপার টুলস এর কনসোল উইন্ডোতে একটি ম্যাসেজ প্রিন্ট করবে। নিম্নলিখিত উদাহরণে আমরা "হ্যালো, জাভাস্ক্রিপ্ট!" একটি স্ট্রিং ম্যাসেজ প্রিন্ট করবো।
console.log("হ্যালো, জাভাস্ক্রিপ্ট!");আউটপুট:
হ্যালো, জাভাস্ক্রিপ্ট!উপরের উদাহরণে, আমরা জাভাস্ক্রিপ্ট কোডে console.log() ফাংশনটি ব্যবহার করে একটি ম্যাসেজ প্রিন্ট করলাম। আপনি যেকোনো ধরণের ডেটা, ভ্যারিয়েবল, অথবা এক্সপ্রেশন প্রিন্ট করতে পারেন।
জাভাস্ক্রিপ্টে আপনি আউটপুট দেখানোর জন্য ডকুমেন্টের মাধ্যমেও তথ্য প্রিন্ট করতে পারেন। ডকুমেন্ট অবজেক্টের write() মেথডটি ব্যবহার করে আপনি একটি ম্যাসেজ বা তথ্য ডকুমেন্টে প্রিন্ট করতে পারবেন। নিম্নলিখিত উদাহরণে আমরা "আমি জাভাস্ক্রিপ্ট শিখছি!" ম্যাসেজটি ডকুমেন্টে প্রিন্ট করবো।
document.write("আমি জাভাস্ক্রিপ্ট শিখছি!");আউটপুট:
আমি জাভাস্ক্রিপ্ট শিখছি!উপরের উদাহরণে, আমরা জাভাস্ক্রিপ্ট কোডে document.write() মেথডটি ব্যবহার করে একটি ম্যাসেজ ডকুমেন্টে প্রিন্ট করলাম। ডকুমেন্টের সাথে যুক্ত করে আপনি যেকোনো ধরণের ডেটা বা ভ্যারিয়েবল প্রিন্ট করতে পারেন।
জাভাস্ক্রিপ্টে আপনি ওয়েব পেজে তথ্য প্রিন্ট করতে পারেন ব্যবহারকারীর দৃষ্টিভঙ্গি পরিবর্তন করার জন্য। ওয়েব পেজে তথ্য প্রিন্ট করার জন্য আপনি ডকুমেন্টের getElementById() মেথড ব্যবহার করতে পারেন। এই মেথডটি ব্যবহার করে আপনি ওয়েব পেজে একটি ইলিমেন্টের ভেতরে ম্যাসেজ প্রিন্ট করতে পারেন। নিম্নলিখিত উদাহরণে আমরা "আপনি বাংলা লেং শিখতে পারেন!" ম্যাসেজটি ওয়েব পেজে প্রিন্ট করবো।
document.getElementById("output").innerHTML = "আপনি বাংলা লেং শিখতে পারেন!";ওয়েব পেজের HTML কোড:
আউটপুট:
আপনি বাংলা লেং শিখতে পারেন!উপরের উদাহরণে, আমরা জাভাস্ক্রিপ্ট কোডে document.getElementById() মেথডটি ব্যবহার করে "output" আইডির একটি ইলিমেন্টে ম্যাসেজ প্রিন্ট করলাম। আপনি ওই ইলিমেন্টে যেকোনো ধরণের ডেটা বা ভ্যারিয়েবল প্রিন্ট করতে পারেন।
জাভাস্ক্রিপ্টে আপনি আউটপুট দেখানোর জন্য আলার্ট ব্যবহার করতে পারেন। আলার্ট একটি ডায়ালগ বক্স প্রদর্শন করে একটি ম্যাসেজ প্রিন্ট করে। নিম্নলিখিত উদাহরণে আমরা "জাভাস্ক্রিপ্ট দিয়ে আউটপুট দেখানো সহজ!" ম্যাসেজটি আলার্ট বক্সে প্রিন্ট করবো।
alert("জাভাস্ক্রিপ্ট দিয়ে আউটপুট দেখানো সহজ!");আউটপুট:
জাভাস্ক্রিপ্ট দিয়ে আউটপুট দেখানো সহজ!উপরের উদাহরণে, আমরা জাভাস্ক্রিপ্ট কোডে alert() ফাংশনটি ব্যবহার করে একটি ম্যাসেজ আলার্ট বক্সে প্রিন্ট করলাম। এই পদ্ধতি ব্যবহার করে আপনি ব্যবহারকারীকে সরাসরি একটি ম্যাসেজ দেখাতে পারেন।
জাভাস্ক্রিপ্টে আপনি ওয়েব পেজে বাংলা প্রিন্ট করতে পারেন ব্যবহারকারীর দৃষ্টিভঙ্গি পরিবর্তন করার জন্য। ওয়েব পেজে বাংলা প্রিন্ট করার জন্য আপনি ওয়েব পেজের ইলিমেন্টের innerHTML প্রোপার্টি ব্যবহার করতে পারেন। এই প্রোপার্টিটি ব্যবহার করে আপনি একটি ইলিমেন্টের ভেতরে বাংলা প্রিন্ট করতে পারেন। নিম্নলিখিত উদাহরণে আমরা "জাভাস্ক্রিপ্ট দিয়ে বাংলা প্রিন্ট করা সহজ!" ম্যাসেজটি ওয়েব পেজে প্রিন্ট করবো।
document.getElementById("output").innerHTML = "জাভাস্ক্রিপ্ট দিয়ে বাংলা প্রিন্ট করা সহজ!";ওয়েব পেজের HTML কোড:
আউটপুট:
জাভাস্ক্রিপ্ট দিয়ে বাংলা প্রিন্ট করা সহজ!উপরের উদাহরণে, আমরা জাভাস্ক্রিপ্ট কোডে document.getElementById() মেথডটি ব্যবহার করে "output" আইডির একটি ইলিমেন্টে বাংলা ম্যাসেজ প্রিন্ট করলাম। আপনি ওই ইলিমেন্টে যেকোনো ধরণের বাংলা ডেটা প্রিন্ট করতে পারেন।
জাভাস্ক্রিপ্টে আপনি কনসোলে আউটপুট দেখাতে পারেন। কনসোল ডেভেলপার টুলসের অংশ যেখানে আপনি প্রোগ্রামের আউটপুট দেখতে পারেন। এটি ডেভেলপারের ডাগরপ্রিন্টিং এর একটি পদ্ধতি। নিম্নলিখিত উদাহরণে আমরা কনসোলে "জাভাস্ক্রিপ্ট দিয়ে আউটপুট দেখানো সহজ!" ম্যাসেজটি দেখাবো।
console.log("জাভাস্ক্রিপ্ট দিয়ে আউটপুট দেখানো সহজ!");আউটপুট:
জাভাস্ক্রিপ্ট দিয়ে আউটপুট দেখানো সহজ!উপরের উদাহরণে, আমরা জাভাস্ক্রিপ্ট কোডে console.log() ফাংশনটি ব্যবহার করে ম্যাসেজটি কনসোলে দেখালাম। আপনি কনসোলে যেকোনো ধরণের ডেটা প্রিন্ট করতে পারেন।
জাভাস্ক্রিপ্টে আপনি ডকুমেন্টে লেখা প্রিন্ট করতে পারেন। ডকুমেন্টে লেখা প্রিন্ট করার জন্য আপনি ডকুমেন্টের write() মেথড ব্যবহার করতে পারেন। এই মেথডটি ব্যবহার করে আপনি বাংলা বা যেকোনো ধরণের টেক্সট ডকুমেন্টে প্রিন্ট করতে পারেন। নিম্নলিখিত উদাহরণে আমরা "জাভাস্ক্রিপ্ট দিয়ে লেখা প্রিন্ট করা সহজ!" ম্যাসেজটি ডকুমেন্টে প্রিন্ট করবো।
document.write("জাভাস্ক্রিপ্ট দিয়ে লেখা প্রিন্ট করা সহজ!");document.write("জাভাস্ক্রিপ্ট দিয়ে লেখা প্রিন্ট করা সহজ!");আউটপুট:
জাভাস্ক্রিপ্ট দিয়ে লেখা প্রিন্ট করা সহজ!উপরের উদাহরণে, আমরা জাভাস্ক্রিপ্ট কোডে document.write() মেথডটি ব্যবহার করে ম্যাসেজটি ডকুমেন্টে প্রিন্ট করলাম। এই মেথডটি ব্যবহার করে আপনি যেকোনো ধরণের টেক্সট ডকুমেন্টে প্রিন্ট করতে পারেন।
জাভাস্ক্রিপ্টে আপনি একটি ইমেজ প্রিন্ট করতে পারেন। ইমেজ প্রিন্ট করার জন্য আপনি ডকুমেন্টের write() মেথডটি ব্যবহার করতে পারেন। নিম্নলিখিত উদাহরণে আমরা "image.jpg" নামের একটি ইমেজ ডকুমেন্টে প্রিন্ট করবো।
document.write('');আপনি আপনার নিজের ইমেজ ফাইলের নামটি ব্যবহার করতে পারেন এবং ইমেজ এলিমেন্টের src এট্রিবিউটের মাধ্যমে ইমেজ পথটি সেট করতে পারেন। ইমেজ ফাইলটি পথে সঠিকভাবে সেট করতে নিশ্চিত হয়ে নিন।
জাভাস্ক্রিপ্টে আপনি অলার্ট বক্স দিয়ে আউটপুট দেখাতে পারেন। অলার্ট বক্স হলো একটি পপআপ বক্স যা ব্যবহারকারীর দৃষ্টিভঙ্গি পরিবর্তন করে একটি মেসেজ দেখায়। নিম্নলিখিত উদাহরণে আমরা একটি অলার্ট দিয়ে "জাভাস্ক্রিপ্ট দিয়ে অলার্ট দেখানো সহজ!" ম্যাসেজটি দেখাবো।
alert("জাভাস্ক্রিপ্ট দিয়ে অলার্ট দেখানো সহজ!");যখন এই কোডটি রান করা হবে, ব্যবহারকারীকে একটি পপআপ অলার্ট বক্স দেখানো হবে যা ম্যাসেজ দেখাবে। ব্যবহারকারী ওই বক্সটিতে ঠিক করা "ওকে" বা "ঠিক আছে" বাটনটিতে ক্লিক করলে বক্সটি বন্ধ হবে।
জাভাস্ক্রিপ্টে আপনি ওয়েবপেজে আউটপুট দেখাতে পারেন। এর জন্য আপনার ওয়েবপেজের কোডের মধ্যে একটি এলিমেন্ট সিলেক্ট করতে হবে এবং সেটির innerHTML প্রপার্টির মাধ্যমে আউটপুট সেট করতে হবে। নিম্নলিখিত উদাহরণে আমরা একটি
document.getElementById("output").innerHTML = "জাভাস্ক্রিপ্ট দিয়ে ওয়েবপেজে আউটপুট দেখানো সহজ!";এখানে "output" নামের একটি
হ্যাঁ, জাভাস্ক্রিপ্টে আউটপুট দেখানোর আরও কিছু পদ্ধতি রয়েছে। উদাহরণস্বরূপ, আপনি কনসোল লগ দিয়ে আউটপুট দেখাতে পারেন, কনসোলে ডাটা লগ করতে পারেন এবং ডকুমেন্টের নিশ্চিত এলিমেন্টে আউটপুট দেখাতে পারেন।
জাভাস্ক্রিপ্টে অলার্ট দেখানো হয় অলার্ট বক্স ব্যবহার করে। একটি অলার্ট বক্স হলো একটি পপআপ বক্স যা একটি মেসেজ দেখায়। ব্যবহারকারী ওই বক্সটিতে ঠিক করা বাটনটিতে ক্লিক করলে বক্সটি বন্ধ হয়।
ওয়েবপেজে আউটপুট দেখানোর জন্য আপনার ওয়েবপেজের কোডের মধ্যে একটি এলিমেন্ট সিলেক্ট করতে হবে এবং সেটির innerHTML প্রপার্টির মাধ্যমে আউটপুট সেট করতে হবে। এই পদ্ধতিতে আপনি ম্যাসেজ বা ডাটা ওয়েবপেজে দেখাতে পারেন।
হ্যাঁ, আপনি জাভাস্ক্রিপ্টে একটি ইমেজ ফাইল থেকে দেখাতে পারেন। আপনার নিজের ইমেজ ফাইলের সম্পূর্ণ পথ সহ ফাইল নাম দিয়ে একটি ইমেজ এলিমেন্ট সিলেক্ট করুন এবং সেটির src প্রপার্টিতে ফাইলের পথ সেট করুন। এরপর ইমেজটি ওয়েবপেজে দেখানোর জন্য innerHTML ব্যবহার করুন।
ফরম থেকে তথ্য ওয়েবপেজে দেখানোর জন্য প্রথমে ফরমের সমস্ত ইনপুট এলিমেন্ট সিলেক্ট করতে হবে। এরপর প্রতিটি ইনপুট এলিমেন্টের মান সংগ্রহ করুন এবং ম্যাসেজ বা টেক্সট এলিমেন্টের innerHTML প্রপার্টিতে সেট করুন।
হ্যাঁ, জাভাস্ক্রিপ্টে আউটপুট দেখানোর আরও কিছু পদ্ধতি রয়েছে। আপনি ফাইলে ডাটা লিখতে পারেন, জাভাস্ক্রিপ্ট অবজেক্ট কনসোলে লগ করতে পারেন, ডকুমেন্টের নিশ্চিত এলিমেন্টে আউটপুট দেখাতে পারেন এবং অন্যান্য পদ্ধতিগুলো ব্যবহার করতে পারেন।
