Прошу объяснить ошибку

function createStr(){
    var calls = document.getElementsByClassName('call'); //коллекция из 25 ячеек
    var canvasWidth = document.getElementById("canvasWidth").value; //в текущий момент 5
    var canvasHeight = document.getElementById("canvasHeight").value; //в текущий момент 5
    var color = "";
    for(i=0; i<canvasWidth; i++){
        for(j=0; j<canvasHeight; j++){
            if(calls[(j+(canvasHeight*i))].style.background == "transparent"){continue}
            else{
                color = color +" "+transfer(calls[(j+(canvasHeight*i))].style.background);
            }
        }
    }
    console.log(color);
}
function transfer(count){
    var str = count.slice(4,-1);
    str = str.split(", ");
    for(i=0; i<3; i++){
        str[i] = (+str[i]).toString(16);
        if(str[i].length < 2){str[i] = "0"+str[i]};
    }
    return "#"+str[0]+str[1]+str[2];
}

let block = document.querySelector('.block');
for(let i = 0; i < 25; i++)
    block.innerHTML += '<div class ="cell"></div>';
let cells = document.querySelectorAll('.cell');
let rand = () => Math.floor(Math.random() * 256);
let color = () => 'rgb(' + rand() + ',' + rand() + ',' + rand() + ')';
cells.forEach(el => el.style.background = color());
 
let reg = /\d+/g;
cells.forEach(el => console.log(el.style.background + ' = #' + el.style.background.match(reg).reduce((str, el) => str += parseInt(el).toString(16).toUpperCase(), '')));

var R = 10; // десятичный уровень красного
var R16 = (R > 15 ? R.toString(16) : "0" + R.toString(16)).toUpperCase();
alert(R16); // шестнадцатеричный уровень красного

 for(i=0; i<3; i++){
        str[i] = (+str[i]).toString(16);
        if(str[i].length < 2){str[i] = "0"+str[i]};

'use strict';