// ДЗ: Вложенные декларативные структуры и код в них. Отображение циклических и древовидных структур. Циклы.
// html tree
//
//
// Enter a data please:
//
//
//
//
//
//
//
//
// 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 = "";
// for (let [key, value] of Object.entries(person)) {
// strObj += "";
// strObj += "| ";
// strObj += key[0].toUpperCase() + key.slice(1);
// strObj += " | ";
// strObj += "";
// 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 += " | ";
// strObj += "
";
// }
// strObj += "
";
// document.write(strObj);
// object links
// const person = {
// name: prompt("Введите имя человека").trim() || "John",
// surname: prompt("Введите фамилию человека").trim() || "Johnson",
// married: confirm("Этот человек женат(замужем)?") || true,
// };
// const laptop = {
// 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,
// },
// };
// const smartphone = {
// brand: prompt("Введите брэнд телефона").trim() || "Samsung",
// model: prompt("Введите модель телефона").trim() || "A50",
// ram: +prompt("Введите память телефона").trim() || 4,
// color: prompt("Введите цвет телефона").trim() || "Blue",
// };
// person.laptop = laptop; // `${laptop.brand} ${laptop.type} ${laptop.model}`
// person.smartphone = smartphone; // `${smartphone.brand} ${smartphone.model}`
// laptop.owner = person; // `${person.name} ${person.surname}`
// smartphone.owner = person; //`${person.name} ${person.surname}`
// let strObj;
// strObj = "";
// strObj += "Person Info";
// for (let [key, value] of Object.entries(person)) {
// strObj += "";
// strObj += "| ";
// strObj += key[0].toUpperCase() + key.slice(1);
// strObj += " | ";
// strObj += "";
// 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 += " | ";
// strObj += "
";
// }
// strObj += "
";
// document.write(strObj);
// strObj = "";
// strObj += "Laptop Info";
// for (let [key, value] of Object.entries(laptop)) {
// strObj += "";
// strObj += "| ";
// strObj += key[0].toUpperCase() + key.slice(1);
// strObj += " | ";
// strObj += "";
// 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 += " | ";
// strObj += "
";
// }
// strObj += "
";
// document.write(strObj);
// strObj = "";
// strObj += "Smartphone Info";
// for (let [key, value] of Object.entries(smartphone)) {
// strObj += "";
// strObj += "| ";
// strObj += key[0].toUpperCase() + key.slice(1);
// strObj += " | ";
// strObj += "";
// 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 += " | ";
// strObj += "
";
// }
// strObj += "
";
// 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();
// if (!Number.isNaN(lenStr)) {
// let str = "";
// for (let i = 0; i < lenStr; i++) {
// i % 2 === 0 ? (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 = 5;
// let chess = "";
// for (let col = 0; col < chessLen * 2; col++) {
// for (let row = 0; row < chessLen; row++) {
// if (col % 2 === 0) {
// chess += ".";
// chess += "#";
// } else {
// 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 = 11;
// 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 = "";
// for (let i = 0; i < tableLen; i++) {
// str += "";
// for (let j = 0; j < tableLen; j++) {
// str += "| ";
// str += table[i][j];
// str += " | ";
// }
// str += "
";
// }
// str += "
";
// 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);