Ngjyrosja e qelizave me ngjyra të ndryshme
Faza tjetër logjike do të ishte të ngjyrosim qelizat tona me ngjyra të rastësishme. Sipas kushteve të problemit, kemi një grup të kufizuar ngjyrash, le të themi tre: të kuqe, jeshile, blu.
Nëse mendojmë, atëherë këto ngjyra është e përshtatshme t'i bëjmë klasat CSS. Këto klasa do t'u japim qelizave të tabelës sonë. Le t'i krijojmë ato:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
Në kodin JavaScript është e përshtatshme të mbledhim klasat tona në një grup:
let colors = ['red', 'green', 'blue'];
Duke pasur një grup të tillë, ne mund ta zgjidhim detyrën tonë: në momentin e krijimit të qelizës, do t'i caktojmë asaj CSS, duke e zgjedhur në mënyrë të rastësishme nga grupi ynë.
Për këtë, është më mirë të bëhet një funksion ndihmës, i cili si parametër do të pranojë grupin dhe do të kthejë elementin e tij të rastësishëm.
Implementoni funksionin e përshkruar. Testoni funksionimin e tij.
Duke përdorur funksionin e krijuar nga ju, bëni që qelizat, gjatë krijimit të tabelës, të ngjyrohen me ngjyra të rastësishme.