Показать сообщение отдельно
  #1 (permalink)  
Старый 29.07.2017, 18:25
Аспирант
Отправить личное сообщение для Tanya51 Посмотреть профиль Найти все сообщения от Tanya51
 
Регистрация: 09.07.2017
Сообщений: 49

JQuery При клике на кнопку Restore данные восстанавливаются
вот такая задача:
Напишите программу, которая позволяет выбирать отдельные ячейки в наборе(таблица): при клике на ячейку она красится в черный цвет, при повторном клике - в белый.

При клике на кнопку 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.
Подскажите пожалуйста
Ответить с цитированием