কন্টেন্ট

• পর্যায়ে
• পার্ট 1 কোড বোঝা
• পার্ট 2 ক্যালকুলেটরের বেসিক কোডটি লিখুন
• পার্ট 3 ক্যালকুলেটর তৈরি করা হচ্ছে
• পার্ট 4 ক্যালকুলেটর ব্যবহার করে

এই নিবন্ধে: কোডগুলি বুঝুন ক্যালকুলেটরের মূল কোডটি লিখুন ক্যালকুলেটর তৈরি করুন ক্যালকুলেটর ব্যবহার করুন 11 তথ্যসূত্র

অন্তর্নির্মিত ক্যালকুলেটর ব্যবহার করে আপনার কম্পিউটারে গণনা করার অনেকগুলি উপায় রয়েছে তবে আপনি কেবল এইচটিএমএল কোড ব্যবহার করে নিজের তৈরি করতে পারেন। এটি করার জন্য, আপনাকে এক্সটেনশন। Html দিয়ে সংরক্ষণ করা কোনও ই ফাইলিতে প্রয়োজনীয় কোডটি অনুলিপি করার আগে আপনাকে HTML এর মূল বিষয়গুলি শিখতে হবে। তারপরে ক্যালকুলেটরটি অ্যাক্সেস করতে কেবল আপনার প্রিয় ব্রাউজারে ফাইলটি খুলুন। কম্পিউটার প্রোগ্রামিংয়ের শিল্পের প্রাথমিক বিষয়গুলি শিখার সময় এই কৌশলটি আপনাকে সরাসরি আপনার ব্রাউজারে গণনা করার অনুমতি দেয়।

পর্যায়ে

পার্ট 1 কোড বোঝা

1. 
   

   
   কোডটি কীভাবে কাজ করে তা বুঝুন। ক্যালকুলেটর তৈরি করতে আপনি যে কোডটি ব্যবহার করবেন সেটি কোডের ছোট ছোট টুকরাগুলির উপর ভিত্তি করে যা নথির বিভিন্ন উপাদান সংজ্ঞায়িত করার জন্য একে অপরের সাথে কাজ করে। আপনি এই লিঙ্কটিতে ক্লিক করে এইচটিএমএল সম্পর্কে আরও শিখতে পারেন বা ক্যালকুলেটরের জন্য আপনি যে কোডটি ব্যবহার করতে যাচ্ছেন তাতে প্রতিটি লাইন কী করে তা আপনি পড়তে পারেন।
   • এইচটিএমএল: কোডের এই অংশটি নথির বাকী অংশটি ব্যবহৃত ভাষা ব্যবহার করে। অনেকগুলি বিভিন্ন প্রোগ্রামিং ল্যাঙ্গুয়েজ ব্যবহৃত হয় এবং ট্যাগটি নথির বাকী অংশটিকে নির্দেশ করে যে এই সময়টি আপনি ব্যবহার করছেন এটি এইচটিএমএল।
   • মাথা : এটি নথিকে জানায় যে নিম্নলিখিত তথ্যগুলি ডেটা যা "মেটাডেটা "ও বলে। ট্যাগটি সাধারণত নথির শৈলীগত উপাদানগুলি যেমন শিরোনাম, শিরোনাম, ইত্যাদি সংজ্ঞায়িত করতে ব্যবহৃত হয় এটি একটি ছাতার মতো যার নীচে বাকী কোডটি সংজ্ঞায়িত করা হয়।
   • উপাধি : এটি নথিতে আপনি শিরোনাম দেবেন। এই ট্যাগটি ব্রাউজারে একবার খুললে দস্তাবেজের শিরোনাম প্রদর্শন করতে ব্যবহৃত হয়।
   • বডি বিজিকালার = "#" : এটি নথির জন্য একটি পটভূমি রঙ সেট করে। তীক্ষ্ণ পরে প্রদর্শিত সংখ্যাটি একটি পূর্বনির্ধারিত বর্ণের সাথে মিলে যায়।
   • = '' : উদ্ধৃতি চিহ্নগুলিতে শব্দটি নথিতে ই এর বর্ণকে বোঝায়।
   • ফর্মের নাম = "" : এই বৈশিষ্ট্যটি সেই ফর্মের নাম নির্দেশ করে যা পরে কী হবে তার কাঠামোর জন্য ব্যবহার করা হবে যাতে জাভাস্ক্রিপ্ট জানতে পারে কোন ফর্মটি কথা বলা হচ্ছে। উদাহরণস্বরূপ, আমরা যে ফর্ম নামটি ব্যবহার করব তা হ'ল "ক্যালকুলেটর" যা নথির নির্দিষ্ট কাঠামো তৈরি করবে।
   • ইনপুট প্রকার = "" : এখানেই পদক্ষেপ নেওয়া হবে। "ইনপুট টাইপ" বৈশিষ্ট্যটি নথিটিকে বাকী বন্ধনীগুলিতে ই এর মান টাইপ বলে tells উদাহরণস্বরূপ, এটি ই, একটি পাসওয়ার্ড, একটি বোতাম (এটি আমাদের ক্যালকুলেটরের জন্য যেমন হবে), ইত্যাদি হতে পারে।
   • মান = "" : এই বৈশিষ্ট্যটি "ইনপুট ধরণের" বৈশিষ্ট্যটিতে কী থাকবে তা নথিটিকে বলে। একটি ক্যালকুলেটরের জন্য, আপনি 1 থেকে 9 পর্যন্ত সংখ্যা এবং পাটিগণিত লক্ষণগুলি (+, -, *, /, =) প্রদর্শন করবেন।
   • onclick = "" : এই কোডের এই অংশটি এমন একটি ইভেন্ট বর্ণনা করে যা দস্তাবেজকে জানায় যে বোতামটি সক্রিয় হওয়ার পরে কিছু ঘটতে হবে। একটি ক্যালকুলেটরের জন্য, আপনি যে নম্বরটি ব্যবহারকারী টিপেছেন তার বোতামের সাথে সাদৃশ্যযুক্ত নম্বরটি প্রদর্শন করতে চান। উদাহরণস্বরূপ, 6 বোতামটি সক্ষম করা থাকলে, আপনি ডকুমেন্ট.ক্যালকুলেটর.ইন.মূল্য + = 6 টি উদ্ধৃতি চিহ্নের মধ্যে রাখতে চান।
   • বিআর : এটি এমন একটি ট্যাগ যা একটি লাইন বিরতি নির্দেশ করে, পরবর্তী কোডের বাকী সমস্ত কোড নীচে একটি লাইন প্রদর্শিত হবে।
   • / ফর্ম, / বডি এবং / এইচটিএমএল এই সমাপ্ত ট্যাগগুলি ব্রাউজারকে বলে যে আপনি যে ট্যাগগুলি খোলেন সেগুলি এখন শেষ এবং বন্ধ হয়ে গেছে।

পার্ট 2 ক্যালকুলেটরের বেসিক কোডটি লিখুন

নীচের কোডটি অনুলিপি করুন। বাক্সের উপরের বাম কোণ থেকে কার্সার টিপে নীচের ই নির্বাচন করুন এবং পুরো ডানদিকে নীচে ডানদিকে টেনে আনুন যাতে পুরো ই নীল রঙের দেখা যায়। তারপরে একটি ম্যাকের "কমান্ড + সি" বা একটি পিসিতে "Ctrl + C" টিপুন এবং ইপি অনুলিপি করুন।

ফলাফল হয়

পার্ট 3 ক্যালকুলেটর তৈরি করা হচ্ছে

1. 
   

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

2. 
   

   
   ডকুমেন্টে এইচটিএমএল কোড আটকান।
   • একটি ম্যাকের জন্য, নথির মূল অংশে ক্লিক করুন এবং টিপুন "কমান্ড + ভি"। তারপরে আপনার ক্লিক করা উচিত বিন্যাস স্ক্রিনের শীর্ষে এবং তারপরে সাধারণ ই দেখুন কোড পেস্ট করার পরে।
   • একটি পিসিতে ডকুমেন্টের মুখ্য অংশে ক্লিক করুন এবং টিপে কোডটি পেস্ট করুন "Ctrl + V".

3. 
   

   
   ফাইলটি সংরক্ষণ করুন। শুধু বোতামে ক্লিক করুন ফাইল উইন্ডোর উপরের বাম দিকে এবং তারপরে হিসাবে সংরক্ষণ করুন ... একটি পিসি বা সংরক্ষণ করুন ... ড্রপ-ডাউন মেনুতে একটি ম্যাক প্রদর্শিত হবে।

4. 
   

   
   এইচটিএমএল এক্সটেনশান যুক্ত করুন। মেনুতে একবার ক্লিক করার আগে ".html" এর পরে ফাইলের নামটি টাইপ করুন নথি। উদাহরণস্বরূপ, আপনি যদি এই ফাইলটিকে "আমার প্রথম ক্যালকুলেটর" বলতে চান, আপনি নাম হিসাবে এটি দিতে পারেন: "মাইপ্রিমিয়ারক্যালকুলেট html"।

পার্ট 4 ক্যালকুলেটর ব্যবহার করে

1. 
   

   
   এইচটিএমএল ফাইলটি সন্ধান করুন। ম্যাকের স্পটলাইটে বা উইন্ডোজ স্টার্ট মেনু অনুসন্ধান বারে কেবল ফাইলের নামটি টাইপ করুন। ফাইলটির এক্সটেনশন টাইপ করার প্রয়োজন নেই।

2. 
   

   
   এটি খুলতে এটিতে ক্লিক করুন। আপনার ডিফল্ট ব্রাউজারটি নতুন ট্যাবে ক্যালকুলেটরটি খুলতে হবে।

3. 
   

   
   এটি ব্যবহার করতে বোতামে ক্লিক করুন। আপনার গণনার ফলাফলগুলি এই উদ্দেশ্যে প্রদত্ত বারে প্রদর্শিত হবে।