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

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

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

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

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

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

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

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