পণ্য ক্যালকুলেটরে ক্রয় সম্পাদনা

এখন আসুন সেল সম্পাদনা বাস্তবায়ন করি। শর্ত অনুসারে, শুধুমাত্র প্রথম 3 সেল সম্পাদনা করা যাবে।

এগুলি এখানে:

javascriptcreateCell(tr, name.value, 'name');
createCell(tr, price.value, 'price');
createCell(tr, amount.value, 'amount');

এটা স্পষ্ট যে প্রতিটি সেলের জন্য সম্পাদনার কোড একই হবে: ডবল ক্লিক করলে সেলের টেক্সটের পরিবর্তে একটি ইনপুট উপস্থিত হওয়া উচিত, এবং ইনপুটে Enter চাপলে এর বিষয়বস্তু সেলের নতুন টেক্সট হয়ে যাবে।

আমি একটি ফাংশন তৈরি করার প্রস্তাব করছি যা প্যারামিটার হিসেবে টেবিল সেল নেবে এবং এতে সম্পাদনার ক্ষমতা বাঁধবে:

javascriptfunction allowEdit(td) {
  td.addEventListener('dblclick', function() {
    
  });
}

তারপর আমরা নিম্নলিখিতভাবে আমাদের ফাংশন প্রয়োগ করতে পারি:

javascriptallowEdit(createCell(tr, name.value, 'name'));
allowEdit(createCell(tr, price.value, 'price'));
allowEdit(createCell(tr, amount.value, 'amount'));

সচেতন পাঠক লক্ষ্য করতে পারেন যে, সমস্ত সেল একই নয়: কারণ দাম বা পরিমাণ সহ সেল পরিবর্তন করলে cost কলামে ক্রয়ের মূল্য পরিবর্তন হওয়া উচিত, এবং মোট পরিমাণ পুনরায় গণনা করা উচিত।

আমরা এই সূক্ষ্ম Punktটি পরবর্তী পাঠে সমাধানের জন্য পরবর্তী উপ-কার্য হিসাবে রেখে দেব। এবং শুরুতে শুধু পুনঃগণনা ছাড়াই আমাদের তিনটি সেল সম্পাদনার সুযোগ তৈরি করব।