Я пытаюсь создать сетку, содержащую одну букву в каждом поле (как головоломка поиска слов).
Я успешно создал сетку, которая показывает w / определенное количество столбцов / строк, ноКогда я пытаюсь поместить одну букву в каждый ящик, я получаю следующие десять раз в каждом поле вместо одной буквы:
[object
Object]
Вот код JavaScript:
$(function() {
var letters = [
'rzeabppssgcddrvddydtjrkei', // 1
'cezcqubhniittonieqerbiuvm', // 2
'jqcjnasionsncvbsrwtabddsu', // 3
'olselesitneagittrjanreinv', // 4
'nqnaisdenmeibvurellsnrioc', // 5
'ydnlevrnyeaidrwifkufmsuis', // 6
'dcccjeeaogsemudbeemefaptn', // 7
'evonsqpdepislsnudnurwjbpo', // 8
'grytiunnafsexattmtclaimoi', // 9
'pnqrhocbiieeinoitacilppat', // 10
];
var letter = [];
function splitRows(arr, arr2) {
for (let i=0; i < arr.length; i++) {
arr[i].split();
for (let j=0; j < arr.length; j++) {
arr2[j] = arr[i][j];
}
}
}
splitRows(letters, letter);
function* gen(arr) {
for(i=0; i < arr.length; i++) {
yield arr[i];
}
}
function generateGrid(rows, cols, arr) {
var grid = "<table>";
for(row = 1; row <= rows; row++) {
grid += "<tr>";
for(col = 1; col <= cols; col++) {
grid += "<td>";
for(let i=0; i < arr.length; i++) {
grid += gen(arr).next(); // not sure if the .next() generator works yet
}
grid += "</td>"; // 'letters' needs to input the next letter in letters each time it is called
}
grid += "</tr>";
}
return grid;
}
$("#tableContainer").append(generateGrid(26, 22, letter));
});
Первая функция предназначена для получения строк и разделения их на единичные буквы (в конце концов, строки принимаются в качестве входных данных, но для целей тестирования у меня они есть в массиве)
Вторая функция - это генератор для вставки в generateGrid () функция, которая используется для генерирования следующей буквы в последовательности каждый раз, когда создается ящик.