GennadySht
/
HomeWork


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
							<header>
    <h1>Destructure</h1>
</header>

<body>
    <script>
        html =
        {
            "tagName": "body",
            "children": [
                {
                    "tagname": "div",
                    "children": [
                        {
                            "tagName": "span",
                            "children": [
                                "Enter a data please:"
                            ],
                        },
                        {
                            "tagName": "br"
                        },
                        {
                            "tagName": "input",
                            "attrs": {
                                "type": "text",
                                "id": "name"
                            }
                        },
                        {
                            "tagName": "input",
                            "attrs": {
                                "type": "text",
                                "id": "surname"
                            }
                        }
                    ]
                },
                {
                    "tagName": "div",
                    "children": [
                        {
                            "tagName": "button",
                            "attrs": {
                                "id": "ok"
                            },
                            "children": [
                                "OK"
                            ]
                        },
                        {
                            "tagName": "button",
                            "attrs": {
                                "id": "cancel"
                            },
                            "children": [
                                "Cancel"
                            ]
                        }
                    ]
                }
            ]
        };

        const { children: [{ children: [{ children: [spanValue] }] }] } = html;
        children[1].children[1].children[0];
        const { children: [, { children: [, { children: [btnValue] }] }] } = html;
        const { children: [{ children: [, , , { attrs: { id } }] }] } = html;

    </script>

</body>