පාඩම 3: Counter Logic එක සහ Functions නිර්මාණය කිරීම 🧠

Counter එකේ අගය තබා ගැනීමට variable එකක් සහ එම අගය වෙනස් කිරීමට functions සාදමු.

---

Counter Variable එක සහ Functions

පළමුව, counter එකේ වත්මන් අගය තබාගැනීමට `let` භාවිතයෙන් variable එකක් සාදා ගනිමු. ඉන්පසු, අගය වැඩි කිරීමට, අඩු කිරීමට, සහ reset කිරීමට functions 3ක් නිර්මාණය කරමු. මෙම functions තුලදී, `count` variable එකේ අගය වෙනස් කර, `countDisplay` element එකේ පෙන්වන අගය update කරනු ලැබේ.

ඔබගේ `app.js` ගොනුවේ පෙර කේතයට පහළින්, මෙම කොටස එක් කරන්න.

// 2. Counter එකේ logic එක සෑදීම

// Counter එකේ අගය තබාගැනීමට variable එකක්
let count = 0;

// අගය වැඩි කරන function එක
function increment() {
    count = count + 1;
    countDisplay.textContent = count; // h1 එකේ අගය update කිරීම
}

// අගය අඩු කරන function එක
function decrement() {
    count = count - 1;
    countDisplay.textContent = count; // h1 එකේ අගය update කිරීම
}

// අගය 0 කරන function එක
function reset() {
    count = 0;
    countDisplay.textContent = count; // h1 එකේ අගය update කිරීම
}

මෙහිදී `countDisplay.textContent = count;` මගින් `h1` element එක තුල ඇති අකුරු/ඉලක්කම්, `count` variable එකේ ඇති වත්මන් අගය ලෙස වෙනස් කරයි.

තවමත් බොත්තම් ක්‍රියා නොකරයි. ඊට හේතුව, මෙම functions, බොත්තම් සමග සම්බන්ධ කර නොතිබීමයි. එය ඊළඟ පියවරේදී සිදු කරමු.

⬅️ මුල් පිටුවට