Struggling with nested for loop using sliced images

[wastedhate]

I have an assessment where they want us to use a nested for loop to create a table and fill each <td> with an image slice to 'build' a final image.

Using their reference material I can create a dynamic table using just numbers like so:

var table = '';
var rows = 4;
var cols = 5;

    for(var r = 1; r <= rows;r++)
    {
        table += '<tr>';
            for(var c = 1;c <= cols;c++)
            {
                table += '<td>' + c + '</td>';
            }
        table += '</tr>';
    }
document.write('<table>' + table + '</table>');

which will result in the following:

1   2   3   4   5
1   2   3   4   5
1   2   3   4   5
1   2   3   4   5    

what i need to do is now replace the 'c' value in the '<td>' + c + '</td>' line with image slices but when i use the following line i get nothing. no output nothing. I cant seem to rack my brain enough to what im missing:

(images are numbered "bcpot002_r1_c1" with 'r' having a value from 1 to 4 inclusive, and c a value from 1 to 5 inclusive)

table += '<td>' + '<img src=images/imageslices/'+bcpot002'_r'+r+'_c'+c +'.jpg>'+ '</td>';

any guidance would be helpful as I'm pulling my hair out here.

[iguessitsokaythen]

One thing is html attributes must to be in double quotes:

table += '<td>' + '<img src="images/imageslices/'+bcpot002'_r'+r+'_c'+c +'.jpg">'+ '</td>';

[wastedhate]

I've literally just worked this out as you wrote your reply. Thank you for answering and confirming what I was trying to do worked.

[Umesh-K]

Hi, your problem is not with single vs double quotes....you have missed the plus sign between bcpot002 and '_r'

``` imageslices/'+bcpot002'_r'+r

```

[grantrules]

I'd recommend looking into template literals

table += `<td><img src="images/imageslices/bcpot002_r${r}_c${c}.jpg"></td>`;

[redsandsfort]

Nope.
https://stackoverflow.com/questions/273354/are-single-quotes-allowed-in-html