Сообщение от рони
|
j0hnik,
JQuery где?
|
<html>
<head>
<style>
table{
border-collapse: collapse;
}
td{
width: 20px;
height: 20px;
border: 1px solid red;
}
.black{
background-color: #000;
}
</style>
</head>
<body>
<button id="clr">clr</button><button id="rest">rest</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
((rows, cols, el) => $(el).append('<table>'+'<tr>'.concat('<td>'.repeat(cols)).repeat(rows)))(10, 10, 'body');
var t; (res=()=>{
var table = $('table'), tds = $('td');
tds.click(function(){
$(this).toggleClass("black");
t = table.html();
});
$('#clr').click(()=> tds.removeClass("black"));
$('#rest').click(() =>{
table.html(t);
res();
});
})();
</script>
</body>
</html>
рони, если надо решить на jquery, но некоторая часть решения нативно будет короче и быстрей, что будете делать? короткий путь или не отступать от общего стиля?