Vitalii_Tarantin %!s(int64=4) %!d(string=hai) anos
pai
achega
76e145b582
Modificáronse 4 ficheiros con 51 adicións e 98 borrados
  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

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

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

+ 7 - 2
js-01/index.html

@@ -5,11 +5,16 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>hm_js/1</title>
-  <link rel="stylesheet" href="css/reset.css">
   <link rel="stylesheet" href="css/style.css">
 </head>
 <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>

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 38 - 2
js-01/js/main.js