Browse Source

NFVOYEJU5Z

Alexander Solomatin 3 years ago
parent
commit
f6e1a97f70
6 changed files with 1 additions and 436 deletions
  1. 0 76
      hw-1/css/main.css
  2. 0 24
      hw-1/index.html
  3. 0 30
      hw-1/js/index.js
  4. 1 0
      hw1
  5. 0 25
      hw4/index.html
  6. 0 281
      hw4/js/index.js

+ 0 - 76
hw-1/css/main.css

@@ -1,76 +0,0 @@
-.contant{
-    display: flex;
-    justify-content: center;
-}
-
-#printBlock{    
-    width: 100%;
-    max-width: 300px;
-    border-radius: 8px;
-    padding: 10px 10px;
-    margin: 10px;
-}
-
-.form {
-    background: white;
-    max-width: 300px;
-    width: 100%;
-    border-radius: 20px;
-    padding: 37px 30px 35px;   
-    box-shadow: 8px 8px 10px rgba(0,0,0, 0.15);
-}
-
-.form .btn {
-    display: block;
-    margin-left: auto;
-    max-width: 170px;    
-}
-
-.form h2 {
-    font-size: 26px;
-    line-height: 1;
-    font-weight: 600;
-    color: rgb(59, 74, 211);
-    margin: 0 0 28px;
-}
-
-input {
-    display: block;
-    width: 100%;
-    border-radius: 6px;
-    background: rgba(235, 233, 233, 0.829);
-    color: gray;
-    font-size: 14px;
-    line-height: 18px;
-    height: 30px;
-    border: 0;
-    box-shadow: none;
-    margin-bottom: 17px;
-    padding: 13px 10px 17px 10px;
-}
-
-select {
-    margin-bottom: 31px;
-}
-
-.btn {
-    display: inline-block;
-    vertical-align: top;
-    text-decoration: none;
-    margin-bottom: 0;
-    padding: 16px 10px;
-    border-radius: 6px;
-    background: rgb(59, 74, 211);
-    color: white;
-    font-weight: 700;
-    text-align: center;
-    line-height: 18px;
-    font-size: 16px;
-    height: 50px;
-    box-shadow: 3px 3px 5px rgb(0,0,0, 0.15);
-    transition: all 0.5s;
-}
-.btn:hover {
-    text-shadow: 1px 1px 3px rgb(0,0,0, 0.8);
-    box-shadow: 3px 3px 5px rgb(0,0,0, 0.5);
-}

+ 0 - 24
hw-1/index.html

@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>JS Homework 1</title>
-    <link rel="stylesheet" href="css/main.css">
-    <script src="js/index.js"></script>
-</head>
-<body>
-    <div class="contant">    
-        <form name="froma" action="#" class="form">             
-            <input type="text" id="loginEntry" placeholder="Enter your loign">
-            <input type="password" id="passwordEntry" placeholder="Enter your password">               
-            <input class="btn" type="button" value="Login" onclick="isRight()">
-        </form>
-        <div id="printBlock"></div>
-    </div>
-    
-</body>
-</html>
-
-
-

+ 0 - 30
hw-1/js/index.js

@@ -1,30 +0,0 @@
-// //_________Task1_____________
-let sumsUserUah = +prompt("Введите сумму в гривнах: "); // сумма денежных средств в гривнах, которые имеет пользователь
-let priceCarUah = 519000; // Цена 2017 Mercedes- Benz C 300 в гривнах
-let sumsUserUsd = sumsUserUah * 0.04; //Сумма денежных средств в долларах, которые имеет пользователь
-let priceCarUsd = priceCarUah * 0.04; // Цена 2017 Mercedes- Benz C 300 в гривнах;
-let UahAmountMoneyNeed = priceCarUah - sumsUserUah; // Сумма которую осталось накопить в гривнах
-let UsdAmountMoneyNeed = priceCarUsd - sumsUserUsd; // Сумма которую осталось накопить в долларах
-alert(`Ваша сумма(грн/$): ${sumsUserUah} гривен / ${sumsUserUsd} долларов\n 
-Сумма, которой не хватает для покупки авто (грн/$): ${UahAmountMoneyNeed} гривен / ${UsdAmountMoneyNeed} долларов`);
-
-//_________Task2_____________
-
-
-function isRight() {
-    let loginBox = document.getElementById('loginEntry').value;
-    let passwordBox = document.getElementById('passwordEntry').value;
-    var credentials = {
-        login: 'admin',
-        password: 'qwerty',
-    };
-    if(loginBox === credentials.login && passwordBox === credentials.password){
-        printBlock.style.background = "green";
-        document.getElementById('printBlock').innerHTML = '<h2>Успех</h2>';
-    }
-    else{
-        printBlock.style.background = "red";
-        document.getElementById('printBlock').innerHTML = '<h2>Ошибка</h2>';
-    }
-}
-

+ 1 - 0
hw1

@@ -0,0 +1 @@
+Subproject commit b3109aec4b9bfd23c6e4bd4a71a2bcea37e855b9

+ 0 - 25
hw4/index.html

@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>JS Homework 4</title>
-    <style>
-        table{
-            border-collapse: collapse;
-        }
-        td {
-            border: 1px solid black;
-            padding: 10px;
-            text-align: center;
-        }
-    </style>
-    <script src="js/index.js"></script>
-</head>
-<body>
-
-</body>
-</html>
-
-
-

+ 0 - 281
hw4/js/index.js

@@ -1,281 +0,0 @@
-// ________html tree_________
-var body = {
-    tagName: "body",
-    subTags: [
-        {tagName: "div",
-            subTags : [
-                {
-                    tagName: "span",
-                    text: "Enter a data please",                                        
-                },  
-                {
-                    taName: "br/"
-                },
-                {
-                    tagName: "input",
-                    attrs: {
-                        type: "text",
-                        id: "name",
-                    },                                        
-                },    
-                {
-                    tagName: "input",
-                    attrs: {
-                        type: "text",
-                        id: "surname",
-                    },                                        
-                },  
-            ],
-        },
-        {tagName: "div",
-            subTags: [
-                {
-                    tagName: "button",
-                    attrs: {    
-                        id: "name",
-                    },
-                    text: "ok",
-                },  
-                {
-                    tagName: "button",
-                    attrs: {    
-                        id : "canel",
-                    },
-                    text: "Cancel",
-                }, 
-            ],
-        },            
-    ],
-};
-
-console.log(body.subTags[1].subTags[1].text);
-console.log(body.subTags[0].subTags[3].attrs.id);
-
-// ________declarative fields_________
-
-var person = {
-    name: prompt("Имя: "),
-    surname: prompt("Фамилия: "),
-    married: confirm("Женатый: "),
-};
-
-console.log(person)
-
-
-
-// // ________object links_________
-
-person.smartphone = {nameDevice: "Iphone 11"}, person.laptop = {nameDevice: "Lenovo ideapad"}
-person.smartphone.owner = person; 
-person.laptop.owner = person;
-console.log(person.smartphone.owner.laptop.owner.smartphone === person.smartphone); 
-
-// ________imperative array fill 3_________
-
-arr = [+prompt("input number 1"), +prompt("input number 2"), +prompt("input number 3")];
-console.log(arr);
-
-// // ________while confirm_________??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
-
-for(;;){
-    alert("Выполняется безконечный цикл!!!");
-    let stop1 = confirm("Прекратить выполнеие цикла?");
-    if(stop1 === true){
-        alert("Выполнение цикла прекращено");
-        break;
-    }
-}
-
-
-// // ________array fill_________
- 
-let array1 = [];
-for(let i = 0; ;){    
-    let element = prompt("Введите число или нажмите Отмена")
-    if(element === null){
-        alert("Выполнение цикла прекращено");
-        break;
-    }
-    array1.push(element); 
-}   
-console.log(array1)
-
-
-// // ________array fill nopush_________,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,.
-
-let array2 = [];
-
-for(let i = 0;;i++){  
-    let element2 = prompt("Введите число или нажмите Отмена")  
-    if(element2 === null){
-        alert("Выполнение цикла прекращено");
-        break;
-    }
-    else{
-        array2[i] = element2;    
-    }
-}  
-console.log(array2)
-  
-
-// // ________infinite probability_________
-    for(let i = 1; ;i++){
-        let stopnum = Math.random()*(1.3);    
-        if(stopnum > 0.9){
-            alert(`Выполнение цикла прекращено!\nК-во итераций = ${i}, Читсло остановки = ${stopnum}`);
-            break;
-        }
-    }
-
-
-// ________empty loop_________
-let choice
-for(;choice !== null;choice = prompt("Продолжить выполнения цикла?")){
-
-}
-
-// // ________progression sum_________
-
-let sum = 0;
-let maximum = +prompt("Введите максимальное число прогрессии")
-for (let i = 1; i < maximum; i += 3){
-    sum += i;
-} 
-alert(`${sum}`);
-
-
-// // ________chess one line_________
-let line = "";
-let sizeLine = +prompt("Введите длину строки: ") 
-for(let i = 0; i < sizeLine; i++){
-    if(i % 2 === 1){
-        line += "#";
-    }
-    else{
-        line += " ";
-    }
-}
-console.log(line)
-
-// // ________numbers_________
-let string = '';
-for (let i = 0; i < 10; i++){
-    for(let j = 0; j < 10; j++){
-        string += j;
-    }
-    string += '\n';
-}
-console.log(string);
-
-
-// // ________chess_________
-
-let chess = '';
-for (let i = 0; i < 10; i++){
-    for(let j = 0; j < 12; j++){
-        if(i % 2 === 0){
-            if(j % 2 === 1){
-                chess += "#";
-            }
-            else{
-                chess += ".";
-            } 
-        }
-        else{
-            if(j % 2 === 0){
-                chess += "#";
-            }
-            else{
-                chess += ".";
-            }     
-        }
-    }
-    chess += '\n';
-}
-console.log(chess);
-
-
-
-// // ________cubes_________
-let cubes = [];
-let n = +prompt("Ведите максимально число: ");
-for (let i = 0; i <= n; i++){
-    cubes[i] = Math.pow(i, 3);
-}
-console.log(cubes)
-
-
-// // ________multiply table_________
-var multTable = [];
-for (var i = 1; i <= 9; i++) {
-    multTable[i] = [];
-    for (var j = 1; j <= 9; j++) {
-        multTable[i][j] = i * j;
-    }
-}
-console.log(multTable)
-
-
-// // ________matrix to html table_________
-
-var multTable = [];
-let str = "<table border = '1'>"
-for (var i = 1; i <= 10; i++) {
-    str += "<tr>"
-    multTable[i] = [];
-    for (var j = 1; j <= 10; j++) {
-        multTable[i][j] = i * j;
-        str += `<td> ${multTable[i][j]} </td>`
-    }
-    str += "</tr>"
-}
-str += "</table>"
-document.write(str)
-
-// Или так
-
-// // window.onload = function() {
-// //     var newTable = document.createElement("table");
-// //     for (var i = 1; i <= 10; i++) {
-// //         var newRow = newTable.insertRow(i-1)
-// //         for (var j = 1; j <= 10; j++) {
-// //             var newCell = newRow.insertCell(j-1); 
-        
-// //             newCell.innerHTML = i * j;           
-// //         }
-// //     }
-// //     document.body.appendChild(newTable)
-// // }
-
-// // window.onload = function() {
-// //     var newTable = document.createElement("table");
-// //     for (var i = 1; i <= 10; i++) {
-// //         var newRow = newTable.insertRow(i-1)
-// //         for (var j = 1; j <= 10; j++) {
-// //             var newCell = newRow.insertCell(j-1); 
-        
-// //             newCell.innerHTML = i * j;           
-// //         }
-// //     }
-// //     document.body.appendChild(newTable)
-// // }
-
-
-// // ________Задание на синий пояс: треугольник_________
-var i = 0, j = 0;
-
-var max = 6;
-var space = "",
-    star = "";
-
-while (i <= max) {
-    space = "";
-    star = "";
-    for (j = 0; j < max - i; j++) space += ".";
-    for (j = 0; j < 2 * i + 1; j++) star += "#";
-    console.log(space + star + space);
-    i++;
-}
-
-
-