Форум

MrMaks109 · #1 (**permalink**) 10.12.2016, 17:20

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

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

MrMaks109 · #2 (**permalink**) 10.12.2016, 17:25

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

MrMaks109 · #3 (**permalink**) 10.12.2016, 17:30

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

MrMaks109 · #4 (**permalink**) 10.12.2016, 17:46

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>

рони · #5 (**permalink**) 10.12.2016, 17:53

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>

рони · #6 (**permalink**) 10.12.2016, 17:53

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

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

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

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

MrMaks109 · #7 (**permalink**) 10.12.2016, 17:58

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>

рони · #8 (**permalink**) 10.12.2016, 18:45

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

MrMaks109 · #9 (**permalink**) 11.12.2016, 15:10

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

Форум

Справочник

Discord чат

Курсы javascript