瀏覽代碼

home work 2 part 2

serg155alternate 2 年之前
父節點
當前提交
8da6bde679
共有 3 個文件被更改,包括 103 次插入0 次删除
  1. 19 0
      HW3/index.html
  2. 74 0
      HW3/script.js
  3. 10 0
      HW3/style.css

+ 19 - 0
HW3/index.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>HW3</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <div class="container">
+       
+    </div>
+    <script src="script.js"></script>
+</body>
+
+</html>

+ 74 - 0
HW3/script.js

@@ -0,0 +1,74 @@
+//Операции, Типы, Сравнение, Условия и Логические операторы 2.
+
+let userSize = +prompt('Enter you waist coverage', '');
+
+switch (true){
+    case userSize > 63 && userSize < 65: 
+            alert(`${userSize}  - XXS `);
+            break;
+    case userSize > 66 && userSize < 69: 
+            alert(`${userSize}  - XS `);
+            break;
+    case userSize > 70 && userSize < 74: 
+            alert(`${userSize}  - S `);
+            break;
+    case userSize > 79 && userSize < 83: 
+            alert(`${userSize}  - L`);
+            break;   
+    case userSize > 84 && userSize < 89: 
+            alert(`${userSize}  - XL `);
+            break; 
+    case  userSize > 90 && userSize < 94: 
+            alert(`${userSize}  - XXL `);
+            break;   
+    case  userSize > 95 && userSize < 97: 
+            alert(`${userSize}  - XXXL `);
+            break;                 
+    
+    default: alert('maybe stop eating');
+}
+
+/* Перепишите пример ниже, используя if.
+let color = prompt("Введите цвет","");
+switch (color){
+    case "red": document.write("<div style='background-color: red;'>красный</div>");
+    case "black": document.write("<div style='background-color: black; color: white;'>черный</div>");
+                break;
+    case "blue": document.write("<div style='background-color: blue;'>синий</div>");
+    case "green": document.write("<div style='background-color: green;'>зеленый</div>");
+                break;
+    default: document.write("<div style='background-color: gray;'>Я не понял</div>");
+} */
+
+let color = prompt("Введите цвет","");
+
+if (color == "red" || color == "black" ) {
+    document.write("<div style='background-color: red;'>красный</div>")
+} else if (color == "blue") {
+    document.write("<div style='background-color: blue;'>синий</div>");
+} else if (color == "green"){
+    document.write("<div style='background-color: green;'>зеленый</div>");
+} else {
+    document.write("<div style='background-color: gray;'>Я не понял</div>");
+}
+
+//prompt: or
+
+let age = prompt("Сколько вам лет?", "") || alert('Error');
+
+
+//confirm: or this days
+
+confirm('шопинг?') || alert("ты - бяка");
+
+
+//triple prompt
+
+
+let name = prompt("Ваше имя", ""),
+    surname = prompt("Укажите фамилию", ""),
+    patronymic = prompt("Ваше отчество", "");
+
+alert(` Привет ${name} ${patronymic} ${surname} `);
+
+//default: or

+ 10 - 0
HW3/style.css

@@ -0,0 +1,10 @@
+*, html {
+    margin: 0;
+    padding: 0;
+}
+.container {
+    position: relative;
+    max-width: 1140px;
+    margin: 0 auto;
+    padding: 50px;
+}