<file_sep># blinkova
published

https://angry-sammet-6ded45.netlify.app/

<file_sep>'use strict';
var root = document.querySelector(".root");
var makeElement = function (tagName, text){
    var element =  document.createElement(tagName);
    if(text){element.textContent = text;}
    return element;

}

var makeCard = function (card){

    var img = makeElement('img')
    img.src= card.img;
    img.style.width='100%'
    root.appendChild(img);

    var title = makeElement('p',card.title);
    root.appendChild(title);

    var  size = makeElement('p',  'размер ' + card.size);
    root.appendChild(size);


    let price = makeElement('p', card.price + 'р');
    root.appendChild(price);
    if(card.sold){
        price.style.color = 'red';
        price.innerHTML="В частной коллекции";
    }


};

var renderCard = function (gallery) {
    for (let i = 0; i < gallery.length; i++) {
        let cardItem = makeCard(gallery[i]);
    };

    root.appendChild(cardItem);
}
renderCard(cards);<file_sep>// var cards;
// cards = [
//     {
//         img: "./picturesAnjalla/JPG/1.jpg",
//         title: 'розы',
//         size:'20/15',
//         price: '500 000',
//         isAvailable: false,
//     },
//     {
//         img: "./picturesAnjalla/JPG/2.jpg",
//         title: 'розы',
//         size:'20/15',
//         price: '500 000',
//     },
//     {
//         img: "./picturesAnjalla/JPG/3.jpg",
//         title: 'розы',
//         size:'20/15',
//         price: '500 000',
//     },
//     {
//         img: "./picturesAnjalla/JPG/4.jpg",
//         title: 'розы',
//         size:'20/15',
//         price: '500 000',
//     },
//     {
//         img: "./picturesAnjalla/JPG/5.jpg",
//         title: 'розы',
//         size:'20/15',
//         price: '500 000',
//     },
//
// ];
//
//
// var root = document.querySelector(".root");
// var makeElement = function (tagName, text){
//     var element =  document.createElement(tagName);
//     if(text){element.textContent = text;}
//     return element;
//
// }
//
// var makeCard = function (card){
//     var name = makeElement('p',card.name);
//     root.appendChild(name);
//
//     var  status = makeElement('p', card.status);
//     root.appendChild(status);
//
//     var img = makeElement('img')
//     img.src= card.img;
//     img.style.width='100px'
//     root.appendChild(img);
//
//
//     if(card.isGood){
//         name.style.color = 'red';
//
//     };
//
// };
//
// for(var i = 0; i< cards.length; i++) {
//     var cardItem = makeCard(cards[i]);
//
// }
// root.appendChild(cardItem);
