Home Explore Help
Sign In
mmertalagoz
/
homework
forked from Vitalii_Tarantin/homework
Watch 0
Star 0
Fork 0
Files
Browse Source

done

Vitalii_Tarantin 4 years ago
parent
014c3dcef4
commit
76e145b582
4 changed files with 51 additions and 98 deletions
Unified View Show Diff Stats
  1. 0 94
      js-01/css/reset.css
  2. 6 0
      js-01/css/style.css
  3. 7 2
      js-01/index.html
  4. 38 2
      js-01/js/main.js

+ 0 - 94
js-01/css/reset.css
View File 

@@ -1,94 +0,0 @@
 
-html, body, div, span, object, iframe,
 
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 
-abbr, address, cite, code,
 
-del, dfn, em, img, ins, kbd, q, samp,
 
-small, strong, sub, sup, var,
 
-b, i,
 
-dl, dt, dd, ol, ul, li,
 
-fieldset, form, label, legend,
 
-table, caption, tbody, tfoot, thead, tr, th, td,
 
-article, aside, canvas, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section, summary,
 
-time, mark, audio, video {
 
-    margin:0;
 
-    padding:0;
 
-    border:0;
 
-    outline:0;
 
-    font-size:100%;
 
-    vertical-align:baseline;
 
-    background:transparent;
 
-}
 
-
 
-body {
 
-    line-height:1;
 
-}
 
-
 
-article,aside,details,figcaption,figure,
 
-footer,header,hgroup,menu,nav,section { 
-    display:block;
 
-}
 
-
 
-nav ul {
 
-    list-style:none;
 
-}
 
-
 
-blockquote, q {
 
-    quotes:none;
 
-}
 
-
 
-blockquote:before, blockquote:after,
 
-q:before, q:after {
 
-    content:'';
 
-    content:none;
 
-}
 
-
 
-a {
 
-    margin:0;
 
-    padding:0;
 
-    font-size:100%;
 
-    vertical-align:baseline;
 
-    background:transparent;
 
-}
 
-
 
-/* change colours to suit your needs */
 
-ins {
 
-    background-color:#ff9;
 
-    color:#000;
 
-    text-decoration:none;
 
-}
 
-
 
-/* change colours to suit your needs */
 
-mark {
 
-    background-color:#ff9;
 
-    color:#000; 
-    font-style:italic;
 
-    font-weight:bold;
 
-}
 
-
 
-del {
 
-    text-decoration: line-through;
 
-}
 
-
 
-abbr[title], dfn[title] {
 
-    border-bottom:1px dotted;
 
-    cursor:help;
 
-}
 
-
 
-table {
 
-    border-collapse:collapse;
 
-    border-spacing:0;
 
-}
 
-
 
-/* change border colour to suit your needs */
 
-hr {
 
-    display:block;
 
-    height:1px;
 
-    border:0;   
-    border-top:1px solid #cccccc;
 
-    margin:1em 0;
 
-    padding:0;
 
-}
 
-
 
-input, select {
 
-    vertical-align:middle;
 
-}

+ 6 - 0
js-01/css/style.css
View File 

@@ -0,0 +1,6 @@
 
+.form {
 
+    width: 200px;
 
+    display: flex;
 
+     flex-direction: column;
 
+    
+}

+ 7 - 2
js-01/index.html
View File 

@@ -5,11 +5,16 @@
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
   <title>hm_js/1</title>
 
   <title>hm_js/1</title>
 
-  <link rel="stylesheet" href="css/reset.css">
 
   <link rel="stylesheet" href="css/style.css">
 
   <link rel="stylesheet" href="css/style.css">
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
-  
+  <div class="form">
 
+    <!-- Присваевем элементам атрибут id с именами или ключами чтобы можно было получить к нему доступ через document.getElementById(id)  -->
 
+   <input type="text" placeholder="login" id="login" />
 
+   <input type="password" placeholder="password" id="pasworld" />
 
+    <!-- Пощелчку  на кнопку срабатывает событие onklick и идёт вызов функции submit  -->
 
+   <input type="button" value="login" onclick="submit()" />
 
+ </div>
 
 
 
  
  
   <script src="js/main.js"></script>
 
   <script src="js/main.js"></script>

File diff suppressed because it is too large
+ 38 - 2
js-01/js/main.js