GennadySht
/
HomeWork


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
							<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;
        const { children: [, { children: [, { children: [btnValue] }] }] } = html;
        const { children: [{ children: [, , , { attrs: { id } }] }] } = html;
        console.log(spanValue);
        console.log(id);
        console.log(btnValue)

    </script>

</body>