Форум

vic_tor · #1 (**permalink**) 23.04.2018, 09:29

Всем добра! Помогите, пожалуйста, с таким заданием:
Есть таблица-массив. Надо:
1. изменить цвет ячеек: ячейка-клик-цвет1, ячейка-клик-цвет2 и т.д. (два цвета, окрашиваются только неокрашенные ячейки)
2. изменения в таблице-массиве сохранять в новый массив

var rows_count = 4;
var columns_count = 3;
var data = new Array();
var i,j;
document.write('<table border="1" width="200" height="90" cellspacing="0" >')
for (i=0; i<rows_count; i++) {
    document.write('<tr>')
    for (j=0; j<columns_count; j++) {
        document.write('<td> ')

    }
    document.write('</tr>')
}
document.write('</table>')
$("td").click(function() {
  $(this).toggleClass("colored");
});

Rise · #2 (**permalink**) 23.04.2018, 10:59

А где у вас есть таблица-массив?

Strongman · #3 (**permalink**) 23.04.2018, 13:16

<html>
<head>
<script src='http://code.jquery.com/jquery-2.1.1.min.js'></script> 
<title>TABLE, example cellspacing.</title>
</head>
<body>
<script>
var rows_count = 4;
var columns_count = 3;
var data = new Array();
var i,j;
document.write('<table border="1" width="200" height="90" cellspacing="0" >')
for(i = 0; i < rows_count; i++)
{
    document.write('<tr>');		
    for(j = 0; j < columns_count; j++)
	{
        document.write('<td class="');
	if(j%2)//нечетное
	  document.write('Red');
	else//четное
	  document.write('Blue');
	document.write('"></td>');
}
document.write('</tr>');
}
document.write('</table>');
$("td.Red").click(function()
{
  this.style.backgroundColor = "#FF0000";
});
$("td.Blue").click(function()
{
  this.style.backgroundColor = "#0000FF";
});
</script>
</body>
</html>

Не забываем карму поднять.

Форум

Справочник

Discord чат

Курсы javascript