Browse Source

HW09start

GennadyBerg 2 years ago
parent
commit
f1cdcad7fb

+ 1 - 1
js/08/hw08_16_!CalcLive.html

@@ -1,7 +1,7 @@
 // отправка с уведомлением//
 
 <head>
-    <h1>CalcFunc</h1>
+    <h1>CalcLive</h1>
 </head>
 
 <body>

+ 31 - 0
js/09/hw09_02comparisonIf.html

@@ -0,0 +1,31 @@
+<head>
+    <h1>comparison if</h1>
+
+</head>
+
+<body>
+    <script>
+        var age = +prompt("Сколько вам лет?", "");
+        if (age < 0) {
+            alert("Дышите носом, не морщите лобик!!");
+        }
+        else if (age < 18) {
+            alert("школьник");
+        }
+        else if (age < 30) {
+            alert("молодеж");
+        }
+        else if (age < 45) {
+            alert("зрелость");
+        }
+        else if (age < 60) {
+            alert("закат");
+        }
+        else if (age > 60) {
+            alert("как пенсия?");
+        }
+        else {
+            alert("то ли киборг, то ли KERNESS");
+        }
+    </script>
+</body>

+ 32 - 0
js/09/hw09_03comparison switch.html

@@ -0,0 +1,32 @@
+<head>
+    <h1>comparison switch</h1>
+
+</head>
+
+<body>
+    <script>
+        const age = +prompt("Сколько вам лет?", "");
+        switch (true) {
+            case age < 0:
+                alert("Дышите носом, не морщите лобик!!");
+                break;
+            case age < 18:
+                alert("школьник");
+                break;
+            case age < 30:
+                alert("молодеж");
+                break;
+            case age < 45:
+                alert("зрелость");
+                break;
+            case age < 60:
+                alert("закат");
+                break;
+            case age > 60:
+                alert("как пенсия?");
+                break;
+            default:
+                alert("то ли киборг, то ли KERNESS");
+        }
+    </script>
+</body>

+ 21 - 0
js/09/hw09_04switchif.html

@@ -0,0 +1,21 @@
+<head>
+    <h1>switch: if</h1>
+
+</head>
+
+<body>
+    <script>
+        let color = prompt("Введите цвет", "");
+        if (color == "red" || color == "black") {
+            document.write("<div style='background-color: red;'>красный</div>");
+            document.write("<div style='background-color: black; color: white;'>черный</div>");
+        }
+        else if (color == "blue" || color == "green") {
+            document.write("<div style='background-color: blue;'>синий</div>");
+            document.write("<div style='background-color: green;'>зеленый</div>");
+        }
+        else
+            document.write("<div style='background-color: gray;'>Я не понял</div>");
+
+    </script>
+</body>

+ 36 - 0
js/09/hw09_05_noswitch copy 3.html

@@ -0,0 +1,36 @@
+<head>
+    <h1>noswitch</h1>
+
+</head>
+
+<body>
+    <script>
+        const noSwitch = (key, cases, defaultKey = 'default') =>
+            (cases[key] || cases[defaultKey])();
+        /*{
+            //проверка наличия key в cases
+            const f = cases[key];
+            if (f)
+                return f();
+            else
+                cases[defaultKey]();
+            //если есть - достать значение по ключу. это будет функция. Запустить ее
+            //если нет - извлечь из объекта cases значение по ключу, имя которого лежит в переменной defaultKey. Запустить 
+            //пущай функция noSWitch возвращает то, что возвращает одна из функций из объекта
+        }*/
+        const drink = prompt("Что вы любите пить")
+        noSwitch(drink, {
+            воду: () => console.log('Самый здоровый выбор!'),
+            чай() {
+                console.log('Вкусная и полезная штука. Не переусердствуйте с сахаром')
+            },
+            "пиво": () => console.log('Хорошо летом, да в меру'),
+            виски: function () {
+                console.log('Да вы, батенька, эстет! Не забудьте лед и сигару')
+            },
+            default() {
+                console.log('шото я не понял')
+            }
+        })
+    </script>
+</body>

+ 36 - 0
js/09/hw09_05_noswitch copy.html

@@ -0,0 +1,36 @@
+<head>
+    <h1>noswitch</h1>
+
+</head>
+
+<body>
+    <script>
+        const noSwitch = (key, cases, defaultKey = 'default') =>
+            (cases[key] || cases[defaultKey])();
+        /*{
+            //проверка наличия key в cases
+            const f = cases[key];
+            if (f)
+                return f();
+            else
+                cases[defaultKey]();
+            //если есть - достать значение по ключу. это будет функция. Запустить ее
+            //если нет - извлечь из объекта cases значение по ключу, имя которого лежит в переменной defaultKey. Запустить 
+            //пущай функция noSWitch возвращает то, что возвращает одна из функций из объекта
+        }*/
+        const drink = prompt("Что вы любите пить")
+        noSwitch(drink, {
+            воду: () => console.log('Самый здоровый выбор!'),
+            чай() {
+                console.log('Вкусная и полезная штука. Не переусердствуйте с сахаром')
+            },
+            "пиво": () => console.log('Хорошо летом, да в меру'),
+            виски: function () {
+                console.log('Да вы, батенька, эстет! Не забудьте лед и сигару')
+            },
+            default() {
+                console.log('шото я не понял')
+            }
+        })
+    </script>
+</body>

+ 36 - 0
js/09/hw09_05_noswitch.html

@@ -0,0 +1,36 @@
+<head>
+    <h1>noswitch</h1>
+
+</head>
+
+<body>
+    <script>
+        const noSwitch = (key, cases, defaultKey = 'default') =>
+            (cases[key] || cases[defaultKey])();
+        /*{
+            //проверка наличия key в cases
+            const f = cases[key];
+            if (f)
+                return f();
+            else
+                cases[defaultKey]();
+            //если есть - достать значение по ключу. это будет функция. Запустить ее
+            //если нет - извлечь из объекта cases значение по ключу, имя которого лежит в переменной defaultKey. Запустить 
+            //пущай функция noSWitch возвращает то, что возвращает одна из функций из объекта
+        }*/
+        const drink = prompt("Что вы любите пить")
+        noSwitch(drink, {
+            воду: () => console.log('Самый здоровый выбор!'),
+            чай() {
+                console.log('Вкусная и полезная штука. Не переусердствуйте с сахаром')
+            },
+            "пиво": () => console.log('Хорошо летом, да в меру'),
+            виски: function () {
+                console.log('Да вы, батенька, эстет! Не забудьте лед и сигару')
+            },
+            default() {
+                console.log('шото я не понял')
+            }
+        })
+    </script>
+</body>

+ 32 - 0
js/09/hw09_06closure calc.html

@@ -0,0 +1,32 @@
+<head>
+    <h1>closure calc</h1>
+
+</head>
+
+<body>
+    <div id="rates">
+    </div>
+    <script>
+        fetch(`https://open.er-api.com/v6/latest/USD`)
+            .then(response => response.json())
+            .then(data => {
+                const name = 0;
+                const value = 1;
+                arr = Object.entries(data.rates);
+
+                for (let i = 0; i < arr.length; i++) {
+                    let btn = document.createElement('button');
+                    btn.innerText = arr[i][name];
+                    let rateVal = arr[i][value];
+                    btn.onclick = () => {
+                        let amount = (+prompt("Enter amount") * rateVal);
+                        alert(amount);
+                    }
+                    rates.append(btn);
+                    rates.append(document.createElement("br"));
+                }
+            });
+
+
+    </script>
+</body>