JavaScript Bangla Tutorial 9- Make Your Own Calculator- জাভাস্ক্রিপ্ট নিজের ক্যালকুলেটর তৈরি করুন
আমাদের JavaScript বাংলা সিরিজের ১০ম টিউটোরিয়ালে স্বাগতম! এই টিউটোরিয়ালে, আমরা JavaScript ব্যবহার করে নিজের ক্যালকুলেটর তৈরি করার সম্পর্কে জানব। ক্যালকুলেটর হলো গণিতিক গণনা গুলি দ্রুত এবং সঠিকভাবে করার জন্য প্রয়োজনীয় উপকরণ। নিজের ক্যালকুলেটর তৈরি করে আমরা নিজের JavaScript দক্ষতা উন্নত করার সাথে সাথে প্রোগ্রামিং এর বিস্তৃত ধারণা পাব।
জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল ১০: নিজের ক্যালকুলেটর
জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল ১০ এর এই পর্যালোচনায়, আমরা ক্যালকুলেটর তৈরির কাজটি শুরু করব। এটি আমাদেরকে মহাবিশ্বের বিভিন্ন গণিতিক অপারেশন সম্পাদন করার সুযোগ দেয়। আমরা নিচের ধাপগুলি অনুসরণ করব:
ধাপ ১: HTML নির্মাণ
ক্যালকুলেটরটি সঠিকভাবে প্রদর্শন করতে প্রথমে আমরা HTML কোডটি তৈরি করব। নীচের মতো কোডটি লিখুন:
<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>আমার ক্যালকুলেটর</title>
</head>
<body>
<!-- ক্যালকুলেটরের কোড এখানে লিখুন -->
</body>
</html>ধাপ ২: ক্যালকুলেটর কন্টেন্ট
এই ধাপে, আমরা ক্যালকুলেটরের কন্টেন্ট যেমন বাটন, ইনপুট ফিল্ড, এবং অন্যান্য উপাদানগুলি তৈরি করব। নীচের মতো কোডটি যোগ করুন:
<!-- ক্যালকুলেটরের কোড এখানে লিখুন -->
<div id="calculator">
<input type="text" id="result" readonly>
<button onclick="clearResult()">C</button>
<button onclick="evaluateResult()">=</button>
<!-- অন্যান্য বাটন যোগ করুন -->
</div>ধাপ ৩: ক্যালকুলেটর ফাংশন
এই ধাপে, আমরা ক্যালকুলেটরের কার্যকারিতা সম্পর্কে ধারণা পাব। নীচের মতো জাভাস্ক্রিপ্ট কোডটি লিখুন:
// জাভাস্ক্রিপ্ট কোড এখানে লিখুন
function clearResult() {
document.getElementById("result").value = "";
}
function evaluateResult() {
let expression = document.getElementById("result").value;
let result = eval(expression);
document.getElementById("result").value = result;
}উত্তর: আপনি যেকোনো গণিতিক অপারেশন ক্যালকুলেটরে সম্পাদন করতে পারেন। যেমন: যোগ, বিয়োগ, গুণ, ভাগ ইত্যাদি।
উত্তর: ক্যালকুলেটরের প্রদর্শন ক্ষেত্রে, আপনি জাভাস্ক্রিপ্টের eval() ফাংশন ব্যবহার করে সহজেই পরিণাম প্রদর্শন করতে পারেন।
উত্তর: যদি আপনি ক্যালকুলেটরে কোন অপারেশন সম্পাদন না করে ক্লিক করেন, তবে ক্যালকুলেটর কিছুই করবে না। ক্যালকুলেটর এক্সপ্রেশন না থাকলে কোন পরিণাম প্রদর্শন করা যাবে না।
উত্তর: ক্যালকুলেটরের ফলাফল মুছে ফেলতে হলে, আপনাকে "C" বাটনে ক্লিক করতে হবে। এটি ক্যালকুলেটরের কোডে বিদ্যমান clearResult() ফাংশনটি কল করবে।
উত্তর: ক্যালকুলেটরে প্রকৃত সংখ্যা বা পদার্থ প্রবেশ করাতে আপনাকে শুরুতে পদার্থ টাইপ করে দিতে হবে এবং পরে Enter বা সমান চিহ্ন (=) বাটনে ক্লিক করতে হবে।
উত্তর: হ্যাঁ, আপনি ক্যালকুলেটরের বাটন গুলি আরো যোগ করতে পারেন। যেমন: যোগ, বিয়োগ, গুণ, ভাগ ইত্যাদি। ক্যালকুলেটরে নতুন বাটন যোগ করার জন্য, আপনাকে HTML এবং জাভাস্ক্রিপ্ট কোডে পরিবর্তন করতে হবে।
সমাপ্তি
এই টিউটোরিয়ালে আমরা দেখেছি কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে নিজের ক্যালকুলেটর তৈরি করতে পারি। আমি আশা করি এই টিউটোরিয়ালটি আপনার জন্য উপযুক্ত এবং উপকারী হয়েছে। ক্যালকুলেটর নির্মাণ সম্পর্কিত কোনো প্রশ্ন থাকলে আমার সাথে জানান।
নোট: এই টিউটোরিয়ালে ব্যবহৃত জাভাস্ক্রিপ্ট ফাংশন eval() সম্পর্কে মনে রাখবেন যে, এটি ইনপুট স্ট্রিংকে জাভাস্ক্রিপ্ট কোড হিসেবে এক্সিকিউট করে। সুতরাং সার্ভার পরিকল্পনা করার সময় এই ফাংশনটি সাবধানে ব্যবহার করতে হবে।
