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

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

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

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

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

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

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

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

განახორციელეთ აღწერილი ფუნქცია. გატესტეთ მისი მუშაობა.

თქვენს მიერ შექმნილი ფუნქციის გამოყენებით გახადეთ ისე, რომ ცხრილის შექმნისას უჯრები გაიფერადოს შემთხვევით ფერებში.