surstrommed
/
hw_javascript


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367
							// ДЗ: Вложенные декларативные структуры и код в них. Отображение циклических и древовидных структур. Циклы.

// html tree

// <body>
// <div>
//     <span>Enter a data please:</span><br/>
//     <input type='text' id='name'>
//     <input type='text' id='surname'>
// </div>
// <div>
//     <button id='ok'>OK</button>
//     <button id='cancel'>Cancel</button>
// </div>
// </body>

// const structure = {
//   body: {
//     tagName: "body",
//     subTags: [
//       {
//         tagName: "div",
//         subTags: [
//           {
//             tagName: "span",
//             text: "Enter a data please:",
//           },
//           {
//             tagName: "br",
//           },
//           {
//             tagName: "input",
//             attrs: {
//               type: "text",
//               id: "name",
//             },
//           },
//           {
//             tagName: "input",
//             attrs: {
//               type: "text",
//               id: "surname",
//             },
//           },
//         ],
//       },
//       {
//         tagName: "div",
//         subTags: [
//           {
//             tagName: "button",
//             attrs: {
//               id: "ok",
//             },
//             text: "OK",
//           },
//           {
//             tagName: "button",
//             attrs: {
//               id: "cancel",
//             },
//             text: "Cancel",
//           },
//         ],
//       },
//     ],
//   },
// };

// alert(
//   `Значения текста во второй кнопке: ${structure.body.subTags[1].subTags[1].text}.\nЗначение атрибута id во втором input: ${structure.body.subTags[0].subTags[3].attrs.id}`
// );

// declarative fields

// const notebook = {
//   brand: prompt("Введите брэнд ноутбука").trim(),
//   type: prompt("Введите тип ноутбука").trim(),
//   model: prompt("Введите модель ноутбука").trim(),
//   ram: +prompt("Введите количество памяти ноутбука").trim(),
//   size: prompt("Введите размер в дюймах ноутбука").trim(),
//   weight: +prompt("Введите вес ноутбука").trim(),
//   resolution: {
//     width: +prompt("Введите ширину в пикселях ноутбука").trim(),
//     height: +prompt("Введите высоту в пикселях ноутбука").trim(),
//   },
// };

// const phone = {
//   brand: prompt("Введите брэнд телефона").trim(),
//   model: prompt("Введите модель телефона").trim(),
//   ram: +prompt("Введите память телефона").trim(),
//   color: prompt("Введите цвет телефона").trim(),
// };

// const person = {
//   name: prompt("Введите имя человека").trim(),
//   surname: prompt("Введите фамилию человека").trim(),
//   married: confirm("Этот человек женат(замужем)?"),
// };

// let strObj = "<table border='1'>";
// for (let [key, value] of Object.entries(person)) {
//   strObj += "<tr>";
//   strObj += "<td>";
//   strObj += key[0].toUpperCase() + key.slice(1);
//   strObj += "</td>";
//   strObj += "<td>";
//   strObj +=
//     typeof value === "string"
//       ? value[0].toUpperCase() + value.slice(1)
//       : typeof value === "object"
//       ? Object.values(value)
//       : value === true
//       ? (value = "Yes")
//       : value === false
//       ? (value = "No")
//       : value;
//   strObj += "</td>";
//   strObj += "</tr>";
// }
// strObj += "</table>";
// document.write(strObj);

// object links
// const info = {
//   person: {
//     name: prompt("Введите имя человека").trim() || "John",
//     surname: prompt("Введите фамилию человека").trim() || "Johnson",
//     married: confirm("Этот человек женат(замужем)?") || true,
//   },
//   notebook: {
//     brand: prompt("Введите брэнд ноутбука").trim() || "Dell",
//     type: prompt("Введите тип ноутбука").trim() || "Latitude",
//     model: prompt("Введите модель ноутбука").trim() || "E5450",
//     ram: +prompt("Введите количество памяти ноутбука").trim() || 4,
//     size: prompt("Введите размер в дюймах ноутбука").trim() || "15",
//     weight: +prompt("Введите вес ноутбука").trim() || 2,
//     resolution: {
//       width: +prompt("Введите ширину в пикселях ноутбука").trim() || 1920,
//       height: +prompt("Введите высоту в пикселях ноутбука").trim() || 1080,
//     },
//   },
//   phone: {
//     brand: prompt("Введите брэнд телефона").trim() || "Samsung",
//     model: prompt("Введите модель телефона").trim() || "A50",
//     ram: +prompt("Введите память телефона").trim() || 4,
//     color: prompt("Введите цвет телефона").trim() || "Blue",
//   },
// };
// let strObj;
// strObj = "<table border='1' class='personInfo'>";
// strObj += "<caption>Person Info</caption>";
// for (let [key, value] of Object.entries(info.person)) {
//   strObj += "<tr>";
//   strObj += "<td>";
//   strObj += key[0].toUpperCase() + key.slice(1);
//   strObj += "</td>";
//   strObj += "<td>";
//   strObj +=
//     typeof value === "string"
//       ? value[0].toUpperCase() + value.slice(1)
//       : typeof value === "object"
//       ? Object.values(value)
//       : value === true
//       ? (value = "Yes")
//       : value === false
//       ? (value = "No")
//       : value;
//   strObj += "</td>";
//   strObj += "</tr>";
// }
// strObj += "</table>";
// info.person.notebook = `${info.notebook.brand} ${info.notebook.type} ${info.notebook.model}`;
// info.person.phone = `${info.phone.brand} ${info.phone.model}` || "None";
// document.write(strObj);

// strObj = "<table border='1' class='notebookInfo'>";
// strObj += "<caption>Notebook Info</caption>";
// for (let [key, value] of Object.entries(info.notebook)) {
//   strObj += "<tr>";
//   strObj += "<td>";
//   strObj += key[0].toUpperCase() + key.slice(1);
//   strObj += "</td>";
//   strObj += "<td>";
//   strObj +=
//     typeof value === "string"
//       ? value[0].toUpperCase() + value.slice(1)
//       : typeof value === "object"
//       ? Object.values(value)
//       : value === true
//       ? (value = "Yes")
//       : value === false
//       ? (value = "No")
//       : value;
//   strObj += "</td>";
//   strObj += "</tr>";
// }
// strObj += "</table>";
// info.notebook.owner = `${info.person.name} ${info.person.surname}` || "None";
// document.write(strObj);

// strObj = "<table border='1' class='phoneInfo'>";
// strObj += "<caption>Phone Info</caption>";
// for (let [key, value] of Object.entries(info.phone)) {
//   strObj += "<tr>";
//   strObj += "<td>";
//   strObj += key[0].toUpperCase() + key.slice(1);
//   strObj += "</td>";
//   strObj += "<td>";
//   strObj +=
//     typeof value === "string"
//       ? value[0].toUpperCase() + value.slice(1)
//       : typeof value === "object"
//       ? Object.values(value)
//       : value === true
//       ? (value = "Yes")
//       : value === false
//       ? (value = "No")
//       : value;
//   strObj += "</td>";
//   strObj += "</tr>";
// }
// strObj += "</table>";
// info.phone.owner = `${info.person.name} ${info.person.surname}` || "None";
// document.write(strObj);

// imperative array fill 3

// const impArray = [];
// impArray[0] = prompt("Введите 1 элемент массива");
// impArray[1] = prompt("Введите 2 элемент массива");
// impArray[2] = prompt("Введите 3 элемент массива");
// alert(`Array: [${impArray}]`);

// while confirm

// while (!confirm("Отмена - продолжить while, ОК - отменить"));

// array fill && array fill nopush

// const arrayFill = [];
// let arrayLen = 1;
// for (let i = 0; i < arrayLen; i++) {
//   arrayFill[i] = prompt(
//     "Введите элемент для добавления его в массив | Отмена или пустой ввод - остановить добавление"
//   );
//   if (!!arrayFill[i] === false) {
//     arrayFill.splice(i, 1);
//     break;
//   }
//   arrayLen++;
// }
// alert(`Array: [${arrayFill}]`);

// infinite probability

// let itt = 0;
// while (true) {
//   itt++;
//   let random = Math.random();
//   console.log(`Number ${itt}: ${random}`);
//   if (random > 0.9) {
//     break;
//   }
// }
// alert(`Itterations: ${itt}`);

// empty loop
// while (prompt("Остановить?") === null ? true : false);

// progression sum
// let n = 20;
// let sum = 0;
// for (let i = 1; i <= n; i += 3) {
//   sum += i;
// }
// alert(`Сумма арифметической прогрессии от 1 до ${n} с шагом 3: ${sum}`);

// chess one line
// let lenStr = +prompt("Введите длину строки").trim();
// let str = " ";
// console.log(lenStr);
// if (!Number.isNaN(lenStr)) {
//   for (let i = 0; i < lenStr; i++) {
//     str += "#";
//   }
//   str += " ";
//   alert(`Result: "${str}"`);
// } else {
//   alert("Вы ввели некорректную длину строки");
// }

// numbers

// let str = "";
// for (let col = 0; col < 10; col++) {
//   for (let row = 0; row < 10; row++) {
//     str += row;
//   }
//   str += "\n";
// }
// alert(str);

// chess

// let chessLen = 10;
// let chess = "";
// for (let col = 0; col < chessLen; col++) {
//   for (let row = 0; row < chessLen / 2 + 1; row++) {
//     col % 2 === 0 ? (chess += ".#") : (chess += "#.");
//   }
//   chess += "\n";
// }
// alert(chess);

// cubes

// const cubes = [];
// const arrayLen = 10;
// for (let i = 0; i < arrayLen; i++) {
//   cubes.push(i ** 3);
// }
// alert(`Array: [${cubes}]`);

// multiply table

// let tableLen = 10;
// const table = [];
// for (let i = 0; i < tableLen; i++) {
//   table.push([]);
//   for (let j = 0; j < tableLen; j++) {
//     table[i][j] = i * j;
//   }
// }
// console.log(table);

// matrix to html table

// let str = "<table border='1'>";
// for (let rowIndex = 0; rowIndex < 10; rowIndex++) {
//   str += "<tr>";
//   for (let tdIndex = 0; tdIndex < 10; tdIndex++) {
//     str += "<td>";
//     str += tdIndex * rowIndex;
//     str += "</td>";
//   }
//   str += "</tr>";
// }
// str += "</table>";
// document.write(str);

// Задание на синий пояс: Треугольник

// const rectLen = 11;
// let flag = 1;
// let rect = "";
// for (let i = 0; i < rectLen / 2; i++) {
//   for (let j = 0; j < rectLen / 4 - 2; j++) {
//     rect += ".".repeat((rectLen - flag) / 2);
//     rect += "#".repeat(flag);
//     rect += ".".repeat((rectLen - flag) / 2);
//     rect += "\n";
//   }
//   flag += 2;
// }
// console.log(rect);