// Task 1 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 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 : "surename",
                            },
                        ]
                    
                },
            ]

    
        },
        {
            tagName : "div",
            subTags:[
                {
                    tagName: "button",
                    text: "OK",
                    attrs:[
                        {
                            id : "ok",
                        },
                    ]
                },
                {
                    tagName: "button",
                    text: "Cancel",
                    attrs:[
                        {
                            id : "cancel",
                        },
                    ]
                },
            ]

    
        }

    ]
    
}

console.log(body.subTags[1].subTags[1].text);
console.log(body.subTags[0].subTags[3].attrs[0].id)


// Task 2 declarative fields
// +
// Task 3 Object links

// const notebook = {
//     brand: prompt("Enter a name of your notebook"),
//     type: prompt("Enter a type of your notebook"),
//     model: prompt("Enter a name of your notebook"),
//     ram: prompt("How many ram?"),
//     size: prompt("How many inch has your notebook?"),
//     weight: prompt("How many kilo?"),
//     resolution: {
//         width: prompt("What width is it?"),
//         height: prompt("What height is it?"),
//     },
// };

// const phone = {
// brand : prompt("Enter a name of your phone"),
// model : prompt("Enter a name of your model"),
// ram : prompt("How many ram?"),
// color : prompt("What color is it?"),
// }

// const person = {
//     name: prompt("What is your name?"),
//     surname: prompt("What is your surename"),
//     married: confirm("Are you married?"),
//     smartphone : phone,
//     laptop : notebook,
// }

// notebook.owner = person;
// phone.owner = person;

// console.log(person.smartphone);
// console.log(person.smartphone.owner.laptop.owner.smartphone);



// Task 4 imperative array fill 3

// const array = [prompt("Кто ты?"), prompt("От куда ты?"), prompt("Сколько тебе лет?")]
// console.log(array);



// Task 5 while confirm 

// while(!confirm("Are you merried?")){
//     console.log("Have a fun!")
// }console.log("The end");



// Task 6 array fill 

// const beerlover = [];

// while(prompt("Do you like beer?")){
//     beerlover.push("+");
// }
// console.log(beerlover)



// Task 7 array fill nopush

// const loverOfBeer = [];
// let num =0;

// while(prompt("Do you like beer?")){
//     loverOfBeer[num]= "+";
//     num++ ;
//     console.log(loverOfBeer);    
// }

// Task 8 infinite probability

// let num = 0;
// while(true){
//     num++;
//     if(Math.random()>0.9){
//         alert(num);
//         break;
//     }
// }

// Task 9 empty loop

// while(prompt("hjfh") === null){

// }


// // Task 10 progression sum 

// let num = 100;
// sum = 0;

// for( let i=1; i<=num; i+=3){
//     sum += i;
// } console.log(sum)


// Task numbers

//     let str='';
//     for(let i=0; i<10; i++){
//         for(let j=0; j<10; j++){
//             str+=j;
//         }
//         str += "\n";
//     }console.log(str);

// // Task chess
// let black = "#";
// let white = "*";

// for (let i = 0; i < 5; i++){
//     let str = "";
//     for (let j = 0; j < 10; j++){
//         str+=black;
//         str+=white;
//     }
//     str += "\n";
//     console.log(str);
//     [white, black] = [black, white];
// }



// Task Cubes

// function cubes(num){
//     const arr = [];
//     for(let i = 0; i <= num; i++){
//         arr[i]= i*i;
        
//     }
//     console.log(arr);
// }
// cubes(5);

// // Task matrix to html table


// let str = "<table>";

// for (let i=1; i<10; i++){
//     str += "<tr>";

//     for(let j=1; j<10; j++) {
//         str += ("<td>"+ (j*i)+ "</td>");

//     }
// str +="<tr/>";
// }
// str +="<table>"

// document.write(str);

// let arr = [1,2,3,4];
// let num =0;
//     for(let i =0; i<arr.length; i++){
//         num += arr[i];

//     } arr.push(num);
// console.log(arr);

// task blue belt 

for (let i = 0; i < 6; i++ ){
    let str = "";
    for (let j = 0; j < 11; j++){
        if ((j < (11 - i*2 - 1)/2) || (j > (11 - i*2 - 1)/2 + i*2)){
            str+='.';
        } else {
            str+='#';
        }
    }
    str += "\n";
    console.log(str);
}
