უჯრების სხვადასხვა ფერებით გაფერადება

შემდეგი ლოგიკური ეტაპი იქნება ჩვენი უჯრების შემთხვევითი ფერებით გაფერადება. ამოცანის პირობის მიხედვით, ჩვენ გვაქვს ფერების შეზღუდული ნაკრები, მოდით სამი: წითელი, მწვანე, ლურჯი.

თუ დავფიქრდებით, მოსახერხებელი იქნება ამ ფერების CSS კლასების შექმნა. ამ კლასებს ჩვენ მივანიჭებთ ჩვენი ცხრილის უჯრებს. შევქმნათ ისინი:

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

JavaScript კოდში მოსახერხებელია ჩვენი კლასების მასივში შეგროვება:

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

ასეთი მასივის ქონით, ჩვენ შეგვიძლია მოვაგვაროთ ჩვენი ამოცანა: უჯრის შექმნის მომენტში მივანიჭოთ მას CSS, შემთხვევითად ავირჩიოთ ის ჩვენი მასივიდან.

ამისთვის უკეთესი იქნება რაიმე დამხმარე ფუნქციის შექმნა, რომელიც პარამეტრად მიიღებს მასივს და დააბრუნებს მის შემთხვევით ელემენტს.