JS-homework-1/index.html at master · gochicus/JS-homework-1 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS Homework</title>
    <script src="temperature.js"></script>
    <script src="var.js"></script>
    <script src="homework2.js"></script>
    <script src="homework3.js"></script>
    <script src="homework4.js"></script>
<!--    <script  async src="homework5.js"></script>-->
    <link rel="stylesheet" href="board.css">

</head>
<body>
<h2> Домашняя работа №5</h2>
<p >задание №1</p>
    <div class="board"></div>
<p >задание №2</p>
<div class="cart"> </div>
<!--<p onclick="heops()">задание №5</p>-->
<!--<p>Задание №1</p>-->
<!--     <pre>-->
<!--        var a = 1, b = 1, c, d;-->
<!--        c = ++a; alert(c);           // 2  Переменной с присваивается значение переменной а (равное еденице), которое увеличено префиксным инкрементом.-->
<!--        d = b++; alert(d);           // 1  Переменной d присваивается значение переменной b (равное еденице), которое увеличено постфиксным инкрементом. Постфиксный инкремент выводит значение до увеличения на единицу, а затем изменяет значение.-->
<!--        c = (2+ ++a); alert(c);      // 5  Значение а, равное 2, увеличивается префиксным инкрементом.-->
<!--        d = (2+ b++); alert(d);      // 4  Здесь мы видим работу постфиксного инкремента.-->
<!--        alert(a);                    // 3  Вывод переменной (изначальное значение 1) после двух инкрементов.-->
<!--        alert(b);                    // 3  Вывод переменной (изначальное значение 1) после двух инкрементов.-->
<!--    </pre>-->
<!--<hr>-->
<!--<p>Задание №2</p>-->
<!--<code>-->
<!--    var a = 2;-->
<!--    var x = 1 + (a *= 2);-->
<!--</code>-->
<!--<p>Ответ:5</p>-->
<!--<hr>-->
<!--<p onclick="task3()">Задание №3 oncklick</p>-->
<!--<hr>-->
<!--<p onclick="Switch()">Задание №4 oncklick</p>-->
<!--<hr>-->
<!--<p onclick="values();">Задание №5 oncklick</p>-->
<!--&lt;!&ndash;Страница для проверки скрипта.&ndash;&gt;-->
<!--<p onclick="pharengeit()">Задача на температуру(по клику)</p>-->

<!--<p onclick="naming()">Переменные(начнется по клику)</p>-->
<!--Чему будет равно JS-выражение 1000 + "108"?<br>-->
<!--Ответ: оно будет преобразовано к строке <br>-->
<!--Разница между async и defer?<br>-->
<!--Ответ: Оба атрибута предназначены для асинхронной обработки скрпитов, то есть, продолжения обработки страницы, в то-->
<!--время как выполняется скрипт. <br>-->
<!--Разница между ними в порядке выполнения скриптов. Async выполнит тот скрипт, который раньше загрузится, в то время как-->
<!--defer выполнит их в том порядке, в котором они расположены.-->
<script>
    var $set = document.getElementsByClassName("board");
for (var i = 0; i <= 10; i++) {
    var $boardPiece = document.createElement("div");
    if (i % 2 == 1) {
        boardPiece.classList.add("black");


    }

    for (var j = 0; j <= 10; j++) {
        var $boardPiece = document.createElement("div");
        if (i % 2 == 1) {
            $boardPiece.classList.add("black");

        }

    }
    $set = $set.appendChild($boardPiece);
}

</script>
</body>
</html>