вот такая задача:
Напишите программу, которая позволяет выбирать отдельные ячейки в наборе(таблица): при клике на ячейку она красится в черный цвет, при повторном клике - в белый.
При клике на кнопку Clear вся область очищается.
При клике на кнопку Restore данные восстанавливаются.
Поле ячеек генерируется функцией, в которую передается количество ячеек по горизонтали и вертикали, а также элемент, в который ячейки будут нарисованы.
Мой код
function cat(rows, cols) {
var $table = $('<table>').appendTo($('#content'));
for (var i = 0; i < rows; i++) {
var $tr = $('<tr>').appendTo($table);
for (var j = 0; j < cols; j++) {
var $td = $('<td>').appendTo($tr);
}
}
}
cat(10, 10);
$('td').on('click',function bgColor(){
$(this).css('background', '#000');
});
$('#clr').on('click',function(){
$('td').css('background', 'none');
});
$('rest').on('click',function(){
});
Не могу понять как можно сделать кнопку Restore.
Подскажите пожалуйста