Bonsoir à tous,

Je suis étudiant en programmation et je bloque sur un exercice depuis un petit temps.
Je pourrais envoyer un mail à mon prof mais je préfère ne pas le déranger hors cours.
C'est pourquoi je viens demander de l'aide ici.

Je dois demander un nombre à l'utilisateur et recouvrir un canevas de taille prédéterminée avec une grille de nombre*nombre rectangles de couleurs différentes.

J'ai essayé un truc un peu foireux qui ne fonctionne pas (je comprend bien pourquoi, mais je n'ai pas d'autres idées...)

                var widthSaved = 0;
				var heightSaved = 0;
				for (var i = 0; i < (nombre*nombre); i++)
				{
					ctx.strokeRect(widthSaved, heightSaved, widthSaved + (canvas.width / nombre), heightSaved + (canvas.height / nombre));
					widthSaved = canvas.width;
					heightSaved = canvas.height;
				}

(ctx est le contexte du canevas et nombre est le nombre entré par l'utilisateur)
et avec ça il me manque toujours la contrainte de changer de couleur.

(Edit : ctx.fillRect pour un rectangle rempli j'en suis conscient, mais étant donné que les arguments sont les mêmes je comptais changer cela plus tard).

var width = canvas.width/nombre;
                var height = canvas.height/nombre;
                var colorStep = 255/i;
                for (var i = 0; i < (nombre*nombre); i++)
                {
                    ctx.strokeStyle = "rgb("+i*colorStep+","+i*colorStep+","+i*colorStep+")";
                    ctx.strokeRect(i % nombre, Math.floor(i / nombre), i % nombre + width, Math.floor(i / nombre) + height);
                   
                }

Je connais pas trop le JS mais ça devrait marcher