homework/hw4/script.js

//html tree
let obj = {
    body: {
        tagName: 'body',
        attrs: {},
        paired: true,
        subTags: [
            {
                tagName: 'div',
                attrs: {},
                paired: true,
                subTags: [
                    {
                        tagName: 'span',
                        attrs: {},
                        paired: true,
                        text: 'Enter data please:',
                    },
        
                    {
                        tagName: 'br',
                        paired: false
                    },
        
                    {
                        tagName: 'input',
                        attrs: {
                            type: 'text',                            
                            id: 'name'
                        },
                        paired: false
                    },
        
                    {
                        tagName: 'input',
                        attrs: {
                            type: 'text',
                            id: 'surname'
                        },
                        paired: false
                    }
                ]
            },
            {
                tagName: 'div',
                attrs: {},
                paired: true,
                subTags: [
                    {
                        tagName: 'button',
                        attrs: {
                            id: 'ok'
                        },
                        paired: true,
                        text: 'Ok'
                        
                    },
                    {
                        tagName: 'button',
                        attrs: {
                            id: 'cancel'
                        },
                        paired: true,
                        text: 'Cancel'
                    },
                ],
            },
        ]
    }
}

console.log(`<button id='cancel'> innerText:`, obj.body.subTags[1].subTags[1].text)
console.log(`<input type='text' id='surname'> id:`, obj.body.subTags[0].subTags[3].attrs.id)

//declarative fields
var notebook = {
    brand: "HP",
    type:  "440 G4",
    model: "Y7Z75EA",
    ram: 4,
    size: "14",
    weight: 1.8,
    resolution: {
        width: 1920,
        height: 1080,
    },
};

var phone = {
    brand: "meizu",
    model: "m2",
    ram: 2,
    color: "black",
};

var person = {
    name: "Donald",
    surname: "Trump",
    married: true,
}