Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Помогите с кодом (https://javascript.ru/forum/misc/66352-pomogite-s-kodom.html)

MrMaks109 10.12.2016 17:20

Помогите с кодом
 
Вообщем нужно реализовать на JS

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

Rise 10.12.2016 17:23

MrMaks109, где твои потуги мистер?

MrMaks109 10.12.2016 17:25

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

Rise 10.12.2016 17:27

MrMaks109, что совсем даунито?(

MrMaks109 10.12.2016 17:30

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

Rise 10.12.2016 17:34

MrMaks109, покажи

MrMaks109 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>

рони 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>

рони 10.12.2016 17:53

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

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


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

MrMaks109 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>


Часовой пояс GMT +3, время: 14:22.