egorca6 · egorca6 · Jul 10, 2019 · Jul 10, 2019 · Jul 13, 2019
diff --git a/1.js b/1.js
@@ -0,0 +1,37 @@
+// BOM - браузерная объектная модель
+//     navigator(объект) - объект браузера (window.navigator) вещь кторая помогает работать с браузером
+//     history - видит историю посещения цепочки сайтов
+//     Notification - 
+// DOM - объект для наших тегов\все теги в HTML представлен в ввиде объектов (есть также CSSOM)
+// CSSOM в приоритете, потом когда видит script,  DOM обрабатывает его после CSSOM
+// console.dir(document.head);
+
+           // LE = {
+//     arguments
+//     variables
+//     functions
+//     [scope]
+//     this
+// // }
+//            This!!!!
+// сами теги - елементами, ноды -все (текст пробелы, теги, комментарии)
+// почитать(
+// предпроцессоры less, scss
+// gulp, webpack)
+// // placeholder вместо value
+// document.querySelector();
+// document.querySelectorAll();
+// getElementById();
+// document.body.style.backgroundColor
+const body = document.querySelector('body');
+// const w = body.style.backgroundColor = 'lightgreen';
+
+// setTimeout(function() {
+//     body.style.backgroundColor = '#62665a';
+// }, 2000);
+
+const submit = document.querySelector('[type="submit"]');
+const value = document.querySelector('[value]');
+getElementsByName
+value.style.color = 'white';
+submit.style.backgroundColor = 'black';
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=1, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title> Javascript, just do it</title>
+    <link href="style.css" rel="stylesheet">
+</head>
+<body>
+        <h1>I love Blink182</h1>
+    <h1> Создание </h1>
+                <form action="">
+                    <label for="login"> </h2> Логин: </h2> </label>
+                    <input  type="text" name="name">
+                    <br> <br>
+                    <label for="pass"></h2> Пароль:</h2></label>
+                    <input  type="text" name="name">
+                    <br> <br>
+                    <label for="pass1"></h2>Повторить пароль:</h2></label>
+                    <input  type="text" name="name">
+                    <br> <br>
+                    <input type="submit" value="Save">
+                    <input type="submit" value="Clear">
+                </form>
+    <script src="./1.js"  defer></script> <!-- async загружается параллельно выполнению и как только загрузился, начинается выполение
+    defer получше,  идет загрузка js, выполняется, только после загрузки страницы-->
+
+</body>
+</html>
+<!--     CTRL + K + F проверить на правильность чистоту кода
+7 типов данных
+на две категори - простые типы и объекты!
+1. Number (Число)
+infinity, -infinity, NaN (Not a Number) - обозначает математическую ошибку
+IsNan, isFinite(n)
+округление math.floor
+число выбрать из строки path.Int
+2. String(строка)
+перед строкой + переводит в число
+console.log(name.length) длина строки;
+получить символ в строке a.CharAt(0) или a[0]
+toLowerCase() toUpperCase() все в нижнем регистре и все в вверхнем
+поиск подсткроки a.indexOf(подстрока [ , начальная_позиция]) возвращает позицию в которой найдено
+lastindexOf
+substring(start, end) - 0, 4, от нулевой до четвертой позиции не включая ее
+substr(start [, lenght])
+slice(start [,end] )
+
+3.Boolean(Логический)
+два значения tru и  false
+4.Null
+отсутствие значения
+5.underfined
+полное отсутствие значения
+6.Object(Объект)
+7.Symbol(Символ)
+
+
+-->
diff --git a/insex2.html b/insex2.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=1, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title> Javascript, just do it</title>
+    <link href="style.css" rel="stylesheet">
+</head>
+<body>
+        <h1>Вход</h1>
+    <h2>Hello</h2>
+                <form action="">
+                    <label for="login"> </h2> Логин: </h2> </label>
+                    <input  type="text" name="name">
+                    <br> <br>
+                    <label for="pass"></h2> Пароль:</h2></label>
+                    <input  type="text" name="name">
+                    <br> <br>
+
+                    <br> <br>
+                    <input type="submit" value="Вход">
+
+                </form>
+    <script src="./1.js" async></script> <!-- async загружается параллельно выполнению и как только загрузился, начинается выполение
+    defer получше,  идет загрузка js, выполняется, только после загрузки страницы-->
+
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,12 @@
+form {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+  }
+
+  .box div {
+    width: 100px;
+    height: 100px;
+  }
+