6 změnil soubory, kde provedl 418 přidání a 3 odebrání
  1. 1 0
      js/01/debug.log
  2. 3 3
      js/01/index.html
  3. 1 0
      js/02/debug.log
  4. 65 0
      js/03/css/style.css
  5. 179 0
      js/03/index.html
  6. 169 0
      js/03/js/script.js

+ 1 - 0
js/01/debug.log

@@ -1 +1,2 @@
 [1106/190557.237:ERROR:directory_reader_win.cc(43)] FindFirstFile: Ńčńňĺěĺ íĺ óäŕĺňń˙ íŕéňč óęŕçŕííűé ďóňü. (0x3)
+[1110/171758.164:ERROR:directory_reader_win.cc(43)] FindFirstFile: Ńčńňĺěĺ íĺ óäŕĺňń˙ íŕéňč óęŕçŕííűé ďóňü. (0x3)

+ 3 - 3
js/01/index.html

@@ -10,14 +10,14 @@
 <body>
     <div class="container">
         <div class="green">congratulations</div>
-        <!-- <form> -->
+        <form>
             <input type="text" placeholder="Login" id="login-name">
             <input type="text" placeholder="Password" id="login-password">
-            <button>
+            <button type="button">
                 submit
             </button>
             
-        <!-- </form> -->
+        </form>
         <div class="red">failed</div>
         
     </div>

+ 1 - 0
js/02/debug.log

@@ -1 +1,2 @@
 [1109/112727.997:ERROR:directory_reader_win.cc(43)] FindFirstFile: Ńčńňĺěĺ íĺ óäŕĺňń˙ íŕéňč óęŕçŕííűé ďóňü. (0x3)
+[1110/173927.215:ERROR:directory_reader_win.cc(43)] FindFirstFile: Ńčńňĺěĺ íĺ óäŕĺňń˙ íŕéňč óęŕçŕííűé ďóňü. (0x3)

+ 65 - 0
js/03/css/style.css

@@ -0,0 +1,65 @@
+* {
+    box-sizing: border-box;
+}
+body {
+    margin: 0;
+    padding: 0;
+}
+p, h1, ul, li {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+h1 {
+    font-size: 50px;
+}
+.wrap {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+button {
+    font-size: 40px;
+    margin: 40px 0;
+    padding: 30px;
+}
+.wtf {
+    width: 600px;
+    height: 300px;
+    background-color: black;
+}
+.firstTb-list {
+    width: 300px;
+    margin-right: 60px;
+}
+.firstTb-list li {
+    margin-bottom: 10px;
+    font-size: 20px;
+
+}
+.firstTb, .secondTb, .thirldTb, .fourthTb, .fifthTb, .sixthTb, .seventhTb, .eighthTb  {
+    display: none;
+    justify-content: center;
+}
+.size-list li:first-child {
+    margin-bottom: 40px;
+}
+.size-list {
+    margin-right: 0;
+}
+
+
+
+
+
+
+
+
+
+
+
+.active {
+    display: flex;
+}

+ 179 - 0
js/03/index.html

@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./css/style.css">
+    <title>Document</title>
+</head>
+<body>
+    <section>
+        <div class="wrap">
+            <h1>Сравнительная таблица размеров одежды и белья</h1>
+            <button class="wear-btn" onclick="wearSizeTb()">Верхняя одежда, платья и брюки</button>
+        </div>
+        <div class="firstTb">
+            <ul class="firstTb-list">
+                <li>Россия</li>
+                <li>Бельгия, Германия, Нидерланды, Норвегия, Финляндия, Швеция</li>
+                <li>Франция, Швейцария</li>
+                <li>Италия</li>
+                <li>Великобритания</li>
+                <li>США</li>
+            </ul>
+            <ul class="firstTb-list size-list">
+                <li>42 </li>
+                <li>36</li>
+                <li>38</li>
+                <li>40</li>
+                <li>10</li>
+                <li>8</li>
+                <li>M</li>
+            </ul>
+        </div>
+        <div class="secondTb">
+            <ul class="firstTb-list">
+                <li>Россия</li>
+                <li>Бельгия, Германия, Нидерланды, Норвегия, Финляндия, Швеция</li>
+                <li>Франция, Швейцария</li>
+                <li>Италия</li>
+                <li>Великобритания</li>
+                <li>США</li>
+            </ul>
+            <ul class="firstTb-list size-list">
+                <li>40</li>
+                <li>34</li>
+                <li>36</li>
+                <li>38</li>
+                <li>8</li>
+                <li>6</li>
+                <li>S</li>
+            </ul>
+        </div>
+        <div class="thirldTb">
+            <ul class="firstTb-list">
+                <li>Россия</li>
+                <li>Бельгия, Германия, Нидерланды, Норвегия, Финляндия, Швеция</li>
+                <li>Франция, Швейцария</li>
+                <li>Италия</li>
+                <li>Великобритания</li>
+                <li>США</li>
+            </ul>
+            <ul class="firstTb-list size-list">
+                <li>44</li>
+                <li>38</li>
+                <li>40</li>
+                <li>42</li>
+                <li>12</li>
+                <li>10</li>
+            </ul>
+        </div>
+        <div class="fourthTb">
+            <ul class="firstTb-list">
+                <li>Россия</li>
+                <li>Бельгия, Германия, Нидерланды, Норвегия, Финляндия, Швеция</li>
+                <li>Франция, Швейцария</li>
+                <li>Италия</li>
+                <li>Великобритания</li>
+                <li>США</li>
+            </ul>
+            <ul class="firstTb-list size-list">
+                <li>46</li>
+                <li>40</li>
+                <li>42</li>
+                <li>44</li>
+                <li>14</li>
+                <li>12</li>
+                <li>L</li>
+            </ul>
+        </div>
+        <div class="fifthTb">
+            <ul class="firstTb-list">
+                <li>Россия</li>
+                <li>Бельгия, Германия, Нидерланды, Норвегия, Финляндия, Швеция</li>
+                <li>Франция, Швейцария</li>
+                <li>Италия</li>
+                <li>Великобритания</li>
+                <li>США</li>
+            </ul>
+            <ul class="firstTb-list size-list">
+                <li>48</li>
+                <li>42</li>
+                <li>44</li>
+                <li>46</li>
+                <li>16</li>
+                <li>14</li>
+            </ul>
+        </div>
+        <div class="sixthTb">
+            <ul class="firstTb-list">
+                <li>Россия</li>
+                <li>Бельгия, Германия, Нидерланды, Норвегия, Финляндия, Швеция</li>
+                <li>Франция, Швейцария</li>
+                <li>Италия</li>
+                <li>Великобритания</li>
+                <li>США</li>
+            </ul>
+            <ul class="firstTb-list size-list">
+                <li>50</li>
+                <li>44</li>
+                <li>46</li>
+                <li>48</li>
+                <li>18</li>
+                <li>16</li>
+                <li>XL</li>
+            </ul>
+        </div>
+        <div class="seventhTb">
+            <ul class="firstTb-list">
+                <li>Россия</li>
+                <li>Бельгия, Германия, Нидерланды, Норвегия, Финляндия, Швеция</li>
+                <li>Франция, Швейцария</li>
+                <li>Италия</li>
+                <li>Великобритания</li>
+                <li>США</li>
+            </ul>
+            <ul class="firstTb-list size-list">
+                <li>52</li>
+                <li>46</li>
+                <li>48</li>
+                <li>50</li>
+                <li>20</li>
+                <li>18</li>
+            </ul>
+        </div>
+        <div class="eighthTb">
+            <ul class="firstTb-list">
+                <li>Россия</li>
+                <li>Бельгия, Германия, Нидерланды, Норвегия, Финляндия, Швеция</li>
+                <li>Франция, Швейцария</li>
+                <li>Италия</li>
+                <li>Великобритания</li>
+                <li>США</li>
+            </ul>
+            <ul class="firstTb-list size-list">
+                <li>54</li>
+                <li>48</li>
+                <li>50</li>
+                <li>52</li>
+                <li>22</li>
+                <li>20</li>
+                <li>XX+L</li>
+            </ul>
+        </div>
+    </section>
+    <section>
+        <div class="wrap">
+            <h1>Number: age</h1>
+            <button class="how-old-are-you">HowOldAreYou</button>
+            <h1>confirm: or this days</h1>
+            <button class="confirm">шопинг?</button>
+            <h1>triple prompt</h1>
+            <button class="triple-btn" onclick="triplePrompt()">ФИО</button>
+            <h1>Calc</h1>
+            <button class="calc-btn" onclick="calculator()">Calculator</button>
+        </div>
+    </section>
+    <script src="./js/script.js"></script>    
+</body>
+</html>

+ 169 - 0
js/03/js/script.js

@@ -0,0 +1,169 @@
+function wearSizeTb() {
+let wearSizeTbFirst = document.querySelector('.firstTb');
+let wearSizeTbSecond = document.querySelector('.secondTb');
+let wearSizeTbThird = document.querySelector('.thirldTb');
+let wearSizeTbFourth = document.querySelector('.fourthTb');
+let wearSizeTbFifth = document.querySelector('.fifthTb');
+let wearSizeTbSixth = document.querySelector('.sixthTb');
+let wearSizeTbSeventh = document.querySelector('.seventhTb');
+let wearSizeTbEighth = document.querySelector('.eighthTb');
+let wearSizeNumber = prompt("Введите размер одежды", "");
+switch (wearSizeNumber){
+    case "42": wearSizeTbFirst.classList.add('active');
+    break;
+    case "40": wearSizeTbSecond.classList.add('active');
+    break;
+    case "44": wearSizeTbThird.classList.add('active');
+    break;
+    case "46": wearSizeTbFourth.classList.add('active');
+    break;
+    case "48": wearSizeTbFifth.classList.add('active');
+    break;
+    case "50": wearSizeTbSixth.classList.add('active');
+    break;
+    case "52": wearSizeTbSeventh.classList.add('active');
+    break;
+    case "54": wearSizeTbEighth.classList.add('active');
+    break;
+    default: '';
+}
+
+}
+
+//    пример с if    //
+
+// if (wearSizeTbFirst == '42') {
+//     wearSizeTbFirst.classList.add('active')
+// } elise
+// if (wearSizeTbSecond == '40') {
+//     wearSizeTbSecond.classList.add('active')
+// } elise
+// if (wearSizeTbThird == '40') {
+//     wearSizeTbThird.classList.add('active')
+// } elise
+// if (wearSizeTbFourth == '40') {
+//     wearSizeTbFourth.classList.add('active')
+// }
+
+function old() {
+    let years = prompt('How old are you ?')
+    if (years == '' || years == null) {
+        alert('Повторите ещё раз')
+    } else {
+    alert('You were born in ' + (2020 - years))
+    }
+    }
+    let whenBorn = document.querySelector('.how-old-are-you')
+    whenBorn.onclick = function() {
+        old();
+    }
+
+
+
+function confirmA() {
+    let idiot = confirm('шопинг ?')
+    if (idiot == '') {
+        alert('ты - бяка')
+    } else {
+        alert('Nice !')
+    }
+    }
+    let confirmShow = document.querySelector('.confirm')
+    confirmShow.onclick = function() {
+        confirmA();
+    }
+
+
+function triplePrompt() {
+    let name = prompt('Введите ваше имя');
+    let surname = prompt('Введитк вашу фамилию');
+    let fatherName = prompt('Введите ваше отчество');
+    
+    if (name == '' || name == null) {
+        name = 'Иван';
+    } 
+    if(surname == '' || surname == null) {
+            surname = 'Иванов';
+    } if (fatherName == '' || fatherName == null){
+        
+            fatherName = 'Иванович';
+    }
+    alert(surname + ' ' + name + ' ' + fatherName);
+}
+
+
+function calculator() {
+    let askCurrency = prompt('Ввеидте валюту USD или EUR').toLowerCase();
+    let askQuantity = prompt('Ввеидте велечену суммы в грн').toLowerCase();
+    let usd = 28;
+    let eur = 33;
+    switch (askCurrency) {
+        case 'usd': alert(usd * askQuantity + ' грн');
+            
+            break;
+        case 'eur': alert(eur * askQuantity + ' грн');
+    
+        default:
+            break;
+    }
+    
+}
+// function calculatorTwo() {
+//     let usdBuy = 28.1;
+//     let usdSell = 28.3;
+//     let eurBuy = 33;
+//     let eurSell = 33.4;
+//     let askCurrency = prompt('Ввеидте валюту USD или EUR').toLowerCase();
+//     let askQuantity = prompt('Ввеидте велечену суммы в грн').toLowerCase();
+//     let askBuyOrSell = prompt('Введите "покупка" или "продажа" для выбора обенного курса').toLowerCase();
+//     askBuyOrSell ? "покупка" || "продажа": 
+// }
+
+
+
+let userChoice = prompt('Камень, ножницы, бумага').toLowerCase();
+let myChoice = Math.random();
+if(myChoice < 0.34) {
+    myChoice = "камень";
+} else if (myChoice <= 0.67) {
+    myChoice = "бумага";
+} else {
+    myChoice = "ножницы";
+}
+function compare(userChoice, myChoice) {
+    if(userChoice == myChoice) {
+        alert("У меня: " + myChoice);
+        alert('ничья');
+    }
+    if(userChoice == "камень"){
+        if(myChoice == "ножницы"){
+            alert("У меня: " + myChoice);
+            alert('ты победил');
+        } else {
+            alert("У меня: " + myChoice);
+            alert('ты проиграл');
+        }
+    }
+    if(userChoice == "бумага") {
+        if(myChoice == "камень") {
+            alert("У меня: " + myChoice);
+            alert('ты победил');
+        } else {
+            alert("У меня: " + myChoice);
+            alert('ты проиграл')
+        }
+    }
+    if(userChoice == "ножницы") {
+        if(myChoice == "бумага") {
+            alert("У меня: " + myChoice);
+            alert("ты победил")
+        } else {
+            alert("У меня: " + myChoice)
+            alert('ты проиграл')
+        }
+    }
+}
+
+console.log(userChoice);
+console.log(myChoice);
+compare(userChoice, myChoice);