asp.net core build a matrix 5x5 and apply style

Question

Ok, what I want to do is to have a matrix 5x5, example in the picture below (ignore the text, consider just values), basically horizontal axys (a) is an array from 1 to 5 and vertical (b) the same. all the cells are results of a multiplication a*b. After that I will have a range and color cells based on the range. But I don't know from where to start. I can define two arrays for a and b but how do I view the results of a*b? I think I can define the range and apply the color on the final result

Sachin Singh · Answer

you can do the same with foreach block and can use span or any inline element in view. model properties List int > Consequence = { 1, 2, 3, 4, 5 }; List int > Likelihood = { 1, 2, 3, 4, 5 }; view @foreach(var item1 in Consequence ) { @foreach(var item2 in Likelihood ) { @(item1*item2) } }

Sachin Singh · Answer

for a*b use cross join as var result = from e in FirstArray from d in secondArray select new { e, d }; BTW, matrix is created like this var numbers = new int [5,5] { { 1, 2, 3, 4, 5 }, { 2, 3, 4, 5, 6 }, { 1, 2, 3, 4, 5 }, { 2, 3, 4, 5, 6 }, { 1, 2, 3, 4, 5 }}; private void Matrix() { for ( int i = 0; i { for ( int j = 0; j { list_Matrix.Add(numbers[i,j].To String()); } } }

Marius Vasile · Answer

The View looks like this class = "col-md-5 mt-4" > .green {background-color: green;} .yellow {background-color: yellow;} .red {background-color: red;} @foreach ( var item in Model.Consequence) { @foreach ( var secondItem in Model.Likelihood) { string cls = item * secondItem "green" : item * secondItem "yellow" : "red" ; "width:120px; height:90px; font-size:32px" class =@cls> @(item*secondItem) } } and the result

Marius Vasile · Answer

I think I can do the calculation with int [] Consequence = { 1, 2, 3, 4, 5 }; int [] Likelihood = { 1, 2, 3, 4, 5 }; for ( int i = 1; i { for ( int j =1; j { int num1 = Consequence[i]; int num2 = Likelihood[j]; Result = num1 * num2; } } but how do I put it in View

Marius Vasile · Answer

I will try it, I have it on the paper but hard to put in code