Javascript-форум - Помогите с кодом

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Помогите с кодом (https://javascript.ru/forum/misc/66352-pomogite-s-kodom.html)

Помогите с кодом

Вообщем нужно реализовать на JS

с помощью таблицы в 2 цикла.

Их нету попросту

Html часть и Css написал, а java вообще не пойму как это реализовать

table { border-collapse: collapse;
border: 5px;
bordercolor: white;
}
td { width: 50px;
height: 50px
}
.mad { background-color: lightcoral }
.max { background-color: blue }

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>MAD MAX</title>
<link href="che-to-tam.css" rel="stylesheet" type="text/css">
<script>
function risovalka() {
}
</script>
</head>
<body>
<div id="test"></div>
<form name="da">
</br><input type='button' value='ris' onClick='risovalka()'/>
</form>
</body>
</html>

MrMaks109,

:)
Добавление и удаление узлов

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  td{
    width: 20px;
    height: 20px;
    background-color: #000181;
  }
  table tr:nth-child(3n+1) td:nth-child(3n+2)  {
    background-color:#EE83EC;
  }
  table tr:nth-child(3n+2) td:nth-child(3n+1)  {
    background-color:#EE83EC;
  }
   table tr:nth-child(3n) td:nth-child(3n)  {
    background-color:#EE83EC;
  }
  </style>

</head>

<body>
<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

</body>
</html>

MrMaks109,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

table	{ border-collapse: collapse;
border: 5px;
bordercolor: white;
}
td	{ width: 50px; 
height: 50px
}
.mad	{ background-color: lightcoral }
.max	{ background-color: blue }

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>MAD MAX</title>
<link href="che-to-tam.css" rel="stylesheet" type="text/css">
<script>
function risovalka() {
}
</script>
</head>
<body>
<div id="test"></div>
<form name="da">
</br><input type='button' value='ris' onClick='risovalka()'/>
</form>
</body>
</html>

MrMaks109,
смотрите доку по ссылке выше -- создайте элемент таблица добавьте на страницу - потом два цикла в первом создаётся строка - добавляется в таблицу, во втором ячейки добавляются в строку.

Спасибо, сделал