කොටු විවිධ වර්ණවලට තීන්ත ආලේප කිරීම

ඊළඟ තර්කානුකූල පියවර වන්නේ අපගේ කොටු අහඹු වර්ණවලට තීන්ත ආලේප කිරීමයි. ගැටලුවේ කොන්දේසි අනුව අපට සීමිත වර්ණ සමූහයක් ඇත, එය තුනක් වේවා: රතු, කොළ, නිල්.

සිතා බැලුවහොත්, මෙම වර්ණ CSS පන්ති ලෙස සැකසීම පහසුය. මෙම පන්ති අපි අපගේ වගුවේ කොටු වලට ලබා දෙන්නෙමු. අපි ඒවා සාදමු:

.red {
	background: red;
}
.green {
	background: green;
}
.blue {
	background: blue;
}

JavaScript කේතයේදී අපගේ පන්ති අරාවකට එකතු කිරීම පහසුය:

let colors = ['red', 'green', 'blue'];

එවැනි අරාවක් තිබීමෙන්, අපට අපගේ කාර්යය විසඳා ගත හැකිය: කොටුව නිර්මාණය කරන මොහොතේදී, අපි එයට CSS පැවරිය යුතුය, අපගේ අරාවෙන් අහඹු ලෙස එය තෝරා ගනිමින්.

මේ සඳහා, යම් සහායක ශ්‍රිතයක් සෑදීම වඩා හොඳය, එය පරාමිතියක් ලෙස අරාවක් පිළිගෙන එහි අහඹු අංගයක් ආපසු ලබා දෙයි.

විස්තර කරන ලද ශ්‍රිතය ක්‍රියාත්මක කරන්න. එහි ක්‍රියාකාරිත්වය පරීක්ෂා කරන්න.

ඔබ විසින් සාදන ලද ශ්‍රිතය භාවිතා කරමින්, වගුව නිර්මාණය කරන විට කොටු අහඹු වර්ණවලට තීන්ත ආලේප වන පරිදි සකසන්න.