জাভাস্ক্রিপ্টে মুদ্রণের 4 টি উপায়

সুচিপত্র:

জাভাস্ক্রিপ্টে মুদ্রণের 4 টি উপায়
জাভাস্ক্রিপ্টে মুদ্রণের 4 টি উপায়

ভিডিও: জাভাস্ক্রিপ্টে মুদ্রণের 4 টি উপায়

ভিডিও: জাভাস্ক্রিপ্টে মুদ্রণের 4 টি উপায়
ভিডিও: ফোন নম্বর এ সপ্তাহের জনপ্রিয় পোস্ট মিডিয়া ও জনসংযোগ 2024, এপ্রিল
Anonim

কম্পিউটার প্রোগ্রামিং-এ, প্রিন্ট হল একটি কমান্ড যা স্ক্রিনে কিছু ধরনের টেক্সট প্রদর্শন করতে ব্যবহৃত হয়। এটি পাঠ্য (স্ট্রিং), একটি পরিবর্তনশীল, সংখ্যা বা গণিত গণনা প্রদর্শন করতে ব্যবহার করা যেতে পারে। অনেক প্রোগ্রামাররা যে প্রথম জিনিসগুলি শিখেন তার মধ্যে একটি হল "হ্যালো ওয়ার্ল্ড!" প্রদর্শন করে এমন একটি প্রোগ্রাম তৈরি করতে একটি প্রিন্ট কমান্ড ব্যবহার করা। অন্যান্য প্রোগ্রামিং ভাষার বিপরীতে, জাভাস্ক্রিপ্ট একটি ওয়েব ব্রাউজারের মধ্যে রেন্ডার করা হয়। জাভাস্ক্রিপ্টের একটি সহজ মুদ্রণ কমান্ড নেই যেমন অন্যান্য ভাষার অনেকগুলি আছে। যাইহোক, এইচটিএমএল ডকুমেন্ট, একটি সতর্কতা উইন্ডো, কনসোলের মধ্যে আপনি পাঠ্য প্রদর্শন করতে পারেন এমন অনেকগুলি উপায় রয়েছে। আপনি প্রিন্টার থেকে প্রিন্ট করতে জাভাস্ক্রিপ্টও ব্যবহার করতে পারেন।

ধাপ

4 এর মধ্যে পদ্ধতি 1: ইনার এইচটিএমএল ব্যবহার করা

জাভাস্ক্রিপ্ট ধাপ 1 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 1 এ মুদ্রণ করুন

ধাপ 1. আপনার HTML ডকুমেন্টের মূল অংশে <p id = টাইপ করুন।

এটি একটি নির্দিষ্ট আইডি সহ অনুচ্ছেদ পাঠ্যের জন্য ওপেনিং HTML ট্যাগ।

কিভাবে এইচটিএমএল কোড লিখতে হয় সে সম্পর্কে আরও তথ্যের জন্য, দেখুন কিভাবে এইচটিএমএল দিয়ে একটি সাধারণ ওয়েব পেজ তৈরি করবেন।

জাভাস্ক্রিপ্ট ধাপ 2 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 2 এ মুদ্রণ করুন

ধাপ 2. অনুচ্ছেদ উপাদানগুলির জন্য একটি উদ্ধৃতি উদ্ধৃতিতে টাইপ করুন> তারপর।

এটি অনুচ্ছেদ পাঠ্য উপাদানটিকে একটি আইডি প্রদান করে যা জাভাস্ক্রিপ্টে প্রত্যাহার করা যেতে পারে। উদাহরণ স্বরূপ,"

".

আপনি অন্যান্য টেক্সট HTML উপাদান ব্যবহার করতে পারেন, যেমন একটি হেডার {{kbd |

জাভাস্ক্রিপ্ট ধাপ 3 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 3 এ মুদ্রণ করুন

ধাপ 3. টাইপ করুন

এর পরপরই"

ট্যাগ।

এটি খোলার অনুচ্ছেদ HTML উপাদানটির জন্য একটি ক্লোজিং ট্যাগ যোগ করে

জাভাস্ক্রিপ্ট ধাপ 4 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 4 এ মুদ্রণ করুন

ধাপ Press এন্টার টিপুন।

এটি আপনার HTML এ একটি নতুন লাইন যোগ করে।

জাভাস্ক্রিপ্ট ধাপ 5 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 5 এ মুদ্রণ করুন

ধাপ 5. টাইপ করুন এবং press এন্টার টিপুন।

এটি আপনার জাভাস্ক্রিপ্টের জন্য ওপেনিং ট্যাগ। সমস্ত জাভাস্ক্রিপ্ট কোডিং এই ট্যাগ পরে যেতে হবে।

জাভাস্ক্রিপ্ট ধাপ 6 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 6 এ মুদ্রণ করুন

ধাপ 6. document.getElementById টাইপ করুন।

এটি এইচডিএমএল এলিমেন্টকে আইডি দ্বারা কল করার জন্য জাভাস্ক্রিপ্ট কোড।

জাভাস্ক্রিপ্ট ধাপ 7 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 7 এ মুদ্রণ করুন

ধাপ 7. বন্ধনীর ভিতরের উদ্ধৃতিতে অনুচ্ছেদ উপাদানটির আইডি টাইপ করুন।

যদি আপনার অনুচ্ছেদের উপাদানটি হয়"

", আপনার জাভাস্ক্রিপ্ট কোড পড়বে" document.getElementById ("গণিত") "।

জাভাস্ক্রিপ্ট ধাপ 8 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 8 এ মুদ্রণ করুন

ধাপ 8. টাইপ করুন. InnerHTML = বন্ধনীর পরে।

এই কমান্ডটি এইচটিএমএল এলিমেন্ট ব্যবহার করে টেক্সট আউটপুট প্রদর্শন করতে ব্যবহৃত হয়।

জাভাস্ক্রিপ্ট ধাপ 9 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 9 এ মুদ্রণ করুন

ধাপ 9. টাইপ করুন আপনি যা মুদ্রণ করতে চান তার পরে একটি সেমিকোলন (;

).

আপনি পাঠ্য, একটি পরিবর্তনশীল, সংখ্যা বা একটি গণিত সমীকরণ প্রদর্শন করতে পারেন।

উদাহরণস্বরূপ, "document.getElementById (" ডেমো ") টাইপ করুন। ভিতরের HTML = 27 + 33; 27 + 33 এর যোগফল মুদ্রণ করতে।

জাভাস্ক্রিপ্ট ধাপ 10 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 10 এ মুদ্রণ করুন

ধাপ 10. ↵ Enter চাপুন এবং টাইপ করুন।

এই ট্যাগটি আপনার জাভাস্ক্রিপ্ট কোড বন্ধ করে দেয়। আপনার কাজ শেষ হলে এই ট্যাগটি টাইপ করুন আপনার জাভাস্ক্রিপ্টের সব লাইন লিখুন। যখন আপনি একটি ওয়েব ব্রাউজারে HTML ডকুমেন্ট লোড করবেন, এটি HTML ডকুমেন্টের ভিতরে প্রিন্ট করবে।

পদ্ধতি 4 এর 2: একটি উইন্ডো সতর্কতা ব্যবহার করে

জাভাস্ক্রিপ্ট ধাপ 11 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 11 এ মুদ্রণ করুন

ধাপ 1. আপনার HTML ডকুমেন্টের মূল অংশে টাইপ করুন।

এটি আপনার জাভাস্ক্রিপ্টের জন্য ওপেনিং ট্যাগ।

জাভাস্ক্রিপ্ট ধাপ 12 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 12 এ মুদ্রণ করুন

ধাপ 2. প্রেস করুন ↵ Enter এবং সতর্কতা টাইপ করুন।

এটি একটি পপ-আপ উইন্ডো সতর্কতা খোলার জন্য জাভাস্ক্রিপ্ট কমান্ড।

জাভাস্ক্রিপ্ট ধাপ 13 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 13 এ মুদ্রণ করুন

ধাপ 3. আপনি বন্ধনীতে যা মুদ্রণ করতে চান তা টাইপ করুন।

আপনি পাঠ্য, একটি পরিবর্তনশীল, সংখ্যা বা একটি গণিত সমীকরণ টাইপ করতে পারেন। উদাহরণস্বরূপ, "হ্যালো সুইটি!" প্রদর্শন করার জন্য "সতর্কতা (" হ্যালো সুইটি! ") একটি পপ-আপ উইন্ডোতে।

জাভাস্ক্রিপ্ট ধাপ 14 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 14 এ মুদ্রণ করুন

ধাপ 4. একটি আধা কোলন যোগ করুন (;

) শেষে.

এটি আপনার জাভাস্ক্রিপ্টের লাইন বন্ধ করে দেয়। পুরো লাইনটি "সতর্কতা" ("হ্যালো সুইটি!"); "এর মতো কিছু হওয়া উচিত।

জাভাস্ক্রিপ্ট ধাপ 15 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 15 এ মুদ্রণ করুন

ধাপ 5. প্রেস ↵ Enter এবং টাইপ করুন।

এই ট্যাগটি আপনার জাভাস্ক্রিপ্ট কোড বন্ধ করে দেয়। আপনার জাভাস্ক্রিপ্টের সমস্ত লাইন প্রবেশ করা শেষ হলে এই ট্যাগটি টাইপ করুন। যখন আপনি একটি ওয়েব ব্রাউজারে আপনার এইচটিএমএল ডকুমেন্ট লোড করেন, তখন এটি একটি পপ-আপ উইন্ডোতে আপনি যে লেখাটি মুদ্রণ করতে চান তা প্রদর্শন করবে।

আপনি একটি বোতাম তৈরি করতে পারেন যা একটি পপ-আপ উইন্ডোতে মুদ্রিত পাঠ্য প্রদর্শন করে। এটি করতে, "বোতাম পাঠ্য" টাইপ করুন।

4 এর মধ্যে পদ্ধতি 3: কনসোল লগ ব্যবহার করা

জাভাস্ক্রিপ্ট ধাপ 16 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 16 এ মুদ্রণ করুন

ধাপ 1. আপনার HTML ডকুমেন্টের মূল অংশে টাইপ করুন।

এটি আপনার জাভাস্ক্রিপ্টের জন্য ওপেনিং ট্যাগ।

জাভাস্ক্রিপ্ট ধাপ 17 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 17 এ মুদ্রণ করুন

ধাপ 2. ↵ Enter চাপুন এবং console.log টাইপ করুন।

এটি একটি কনসোল লগের জন্য জাভাস্ক্রিপ্ট কমান্ড। সাধারণ কোডিং অর্থে একটি প্রিন্ট কমান্ডের নিকটতম জিনিস হল একটি কনসোল লগ। এটি আপনার ওয়েব পেজে টেক্সট প্রদর্শন করে না, কিন্তু যখন আপনি একটি ওয়েব ব্রাউজারে আপনার HTML/জাভাস্ক্রিপ্ট চালান তখন এটি কনসোলের ভিতরে টেক্সট প্রদর্শন করে। এটি ডিবাগ করার জন্য দরকারী।

জাভাস্ক্রিপ্ট ধাপ 18 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 18 এ মুদ্রণ করুন

ধাপ parent. যে লেখাটি আপনি বন্ধনীতে লগ ইন করতে চান তা টাইপ করুন

এটি পাঠ্য (একটি স্ট্রিং), একটি পরিবর্তনশীল, সংখ্যা, অথবা একটি গণিত সমীকরণ হতে পারে। উদাহরণস্বরূপ, console.log (আমি জাভাস্ক্রিপ্টে মুদ্রণ করছি)।

জাভাস্ক্রিপ্ট ধাপ 19 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 19 এ মুদ্রণ করুন

ধাপ 4. একটি আধা কোলন যোগ করুন (;

) শেষে.

এটি আপনার জাভাস্ক্রিপ্টের লাইন বন্ধ করে দেয়। পুরো লাইনটি "nowiki> console.log" এর মত দেখতে হবে (আমি জাভাস্ক্রিপ্টে মুদ্রণ করছি)

জাভাস্ক্রিপ্ট ধাপ 20 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 20 এ মুদ্রণ করুন

ধাপ 5. প্রেস ↵ Enter এবং টাইপ করুন।

এই ট্যাগটি আপনার জাভাস্ক্রিপ্ট কোড বন্ধ করে দেয়। আপনার জাভাস্ক্রিপ্টের সমস্ত লাইন প্রবেশ করা শেষ হলে এই ট্যাগটি টাইপ করুন।

জাভাস্ক্রিপ্ট ধাপ 21 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 21 এ মুদ্রণ করুন

ধাপ 6. আপনার HTML ডকুমেন্ট সংরক্ষণ করুন।

আপনার HTML ডকুমেন্ট সংরক্ষণ করতে নিচের ধাপগুলি ব্যবহার করুন।

  • ক্লিক ফাইল আপনার পাঠ্য সম্পাদক বা HTML সম্পাদনা প্রোগ্রামের শীর্ষে।
  • ক্লিক সংরক্ষণ করুন.
  • HTML ডকুমেন্টের জন্য একটি ফাইলের নাম লিখুন।
  • নিশ্চিত করুন যে এটি একটি ".html" ডকুমেন্ট হিসাবে সংরক্ষণ করে।
  • ক্লিক সংরক্ষণ.
জাভাস্ক্রিপ্ট ধাপ 22 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 22 এ মুদ্রণ করুন

ধাপ 7. একটি ওয়েব ব্রাউজারে HTML ডকুমেন্ট খুলুন।

আপনার পছন্দের যে কোন ওয়েব ব্রাউজার খুলুন এবং উপরের এড্রেস বারে HTML ডকুমেন্টের ফাইলের অবস্থান টাইপ করুন। এটি আপনার ওয়েব ব্রাউজারে HTML ডকুমেন্ট খুলবে।

জাভাস্ক্রিপ্ট ধাপ 23 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 23 এ মুদ্রণ করুন

ধাপ 8. F12 চাপুন।

এটি আপনার ওয়েব ব্রাউজারে ডেভেলপার মোড খুলবে। আপনি HTML, CSS এবং জাভাস্ক্রিপ্ট কোড প্রদর্শিত একটি নতুন উইন্ডো দেখতে পাবেন।

জাভাস্ক্রিপ্ট ধাপ 24 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 24 এ মুদ্রণ করুন

ধাপ 9. কনসোল ক্লিক করুন।

এটি ডেভেলপার মোড উইন্ডোর শীর্ষে।

জাভাস্ক্রিপ্ট ধাপ 25 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 25 এ মুদ্রণ করুন

ধাপ 10. আপনার ব্রাউজার রিফ্রেশ করুন

জাভাস্ক্রিপ্ট ধাপ 26 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 26 এ মুদ্রণ করুন

ধাপ 1. আপনার HTML ডকুমেন্টের মূল অংশে <button onclick = টাইপ করুন।

আপনার এইচটিএমএল এর মধ্যে একটি বোতাম তৈরি করার জন্য এটি হল ওপেনিং এইচটিএমএল ট্যাগ।

জাভাস্ক্রিপ্ট ধাপ 27 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 27 এ মুদ্রণ করুন

ধাপ 2. সমান (=) চিহ্নের পরে "window.print ()"> টাইপ করুন।

"Window.print ()" কমান্ড হল আপনার ওয়েব ব্রাউজার উইন্ডোর বিষয়বস্তু মুদ্রণ করার জন্য জাভাস্ক্রিপ্ট কমান্ড। বন্ধনী (>) HTML বোতামের খোলার ট্যাগ শেষ করে।

জাভাস্ক্রিপ্ট ধাপ 28 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 28 এ মুদ্রণ করুন

ধাপ the। বাটনে আপনি যে লেখাটি যেতে চান তা টাইপ করুন।

এটি বন্ধনী (>) এর ঠিক পরে যেতে হবে। উদাহরণস্বরূপ, আপনি "মুদ্রণের জন্য এখানে ক্লিক করুন" বা অনুরূপ কিছু টাইপ করতে পারেন।

জাভাস্ক্রিপ্ট ধাপ 29 এ মুদ্রণ করুন
জাভাস্ক্রিপ্ট ধাপ 29 এ মুদ্রণ করুন

ধাপ 4. টাইপ করুন।

এটি HTML বোতাম উপাদানটি বন্ধ করে দেয়। যখন আপনি একটি ওয়েব ব্রাউজারে আপনার এইচটিএমএল রেন্ডার করবেন, এটি একটি বোতাম তৈরি করবে যা আপনি ইওরু ওয়েব ব্রাউজারের বিষয়বস্তু মুদ্রণ করতে ক্লিক করতে পারেন।

প্রস্তাবিত: