Untitled

<html>

<head>
    <title>Sito web 5AIT</title>

</head>


<body>


    <script type="text/javascript">


        var root = {

            shoes: [
                {
                    name: 'Nike air',
                    image: 'http://...',
                    price: 80,
                    shops: [
                        {
                            name: 'Elnos'
                        },
                        {
                            name: 'Nike.com'
                        },
                        {
                            name: 'Amazon'
                        },
                    ]
                },
                {
                    name: 'Adidas',
                    image: 'http://...',
                    price: 110,
                    shops: [
                        {
                            name: 'Elnos'
                        },
                        {
                            name: 'Nike.com'
                        },
                        {
                            name: 'Amazon'
                        },
                    ]
                },
                {
                    name: 'Puma',
                    image: 'http://...',
                    price: 75,
                    shops: [
                        {
                            name: 'Elnos'
                        },
                        {
                            name: 'Puma.com'
                        },
                        {
                            name: 'Amazon'
                        },
                    ]
                },
                {
                    name: 'Timberland',
                    image: 'http://...',
                    price: 150,
                    shops: [
                        {
                            name: 'Elnos'
                        },
                        {
                            name: 'Timberland.com'
                        },
                        {
                            name: 'Amazon'
                        },
                    ]
                },
                {
                    name: 'Calengi',
                    image: 'http://...',
                    price: 80,
                    shops: [
                        {
                            name: 'Decathlon'
                        },
                        {
                            name: 'I portali'
                        },
                        {
                            name: 'Casa rossi'
                        },
                    ]
                },

            ]

        };

        // si occupa di stampare l'array di negozi
        // e tornare tutto html generato
        function creaHTMLNegozi(shops) {
            var htmlNegozi = '';

            for (var j = 0; j < shops.length; j++) {
                htmlNegozi+='<br />'+shops[j].name;
            }

            return htmlNegozi;
        }

        // si occupa di creare l html della scarpa
        // e dei negozi associati
        function creaHTMLScarpa(scarpa) {
            var htmlScarpa = '';

            htmlScarpa += scarpa.name;

            htmlScarpa += `
                <img src="${scarpa.name}" />
            `;

            htmlScarpa += scarpa.price;

            htmlScarpa += creaHTMLNegozi(scarpa.shops);

            return htmlScarpa;

        }

        // ciclo per ogni scarpa e genero l html
        for (var i = 0; i < root.shoes.length; i++) {
            var htmlScarpa = creaHTMLScarpa(root.shoes[i]);

            document.write(htmlScarpa+'<br /><br />');
        }

    </script>
</body>


</html>