DOM_JS/main.js at master · Lazoror/DOM_JS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
'use strict';

// Create main wrapper for products.
var product = document.getElementById('main-products');
var products = [{ ratingRevievs: "264 отзыва", price: { oldUan: "4 333 грн", newUan: "3 799 грн" }, name: "Motorola MOTO G4 (XT1622) Black" }, { ratingRevievs: "1355 отзывов", price: "4 999 грн", name: "Samsung Galaxy J7 J700H/DS Black + карта памяти 16гб + чехол + защитное стекло!" }, { ratingRevievs: "426 отзывов", price: "5 199 грн", name: "Samsung Galaxy J5 (2016) J510H/DS Black + защитное стекло + чехол!" }, { ratingRevievs: "403 отзыва", price: "4 349 грн", name: "Xiaomi Redmi Note 4X 3/32GB Black" }, { ratingRevievs: "488 отзывов", price: "6 199 грн", name: "Samsung Galaxy J7 (2016) J710F/DS Gold + защитное стекло + чехол!" }, { ratingRevievs: "198 отзывов", price: { oldUan: "3 495 грн", newUan: "2 995 грн" }, name: "Lenovo K5 (A6020a40) Silver" }, { ratingRevievs: "352 отзыва", price: { oldUan: "9 799 грн", newUan: "7 999 грн" }, name: "Apple iPhone 5s 16GB Space Gray" }, { ratingRevievs: "59 отзывов", price: "5 999 грн", name: "Nokia 5 Dual Sim Tempered Blue" }, { ratingRevievs: "119 отзывов", price: "11 999 грн", name: "Samsung Galaxy A5 2017 Duos SM-A520 Black + карта памяти 128гб!" }, { ratingRevievs: "1106 отзывов", price: "3 999 грн", name: "Samsung Galaxy J5 J500H/DS Black + чехол + защитное стекло!" }, { ratingRevievs: "380 отзывов", price: "2 199 грн", name: "Huawei Y3 II Tiffany (White-Blue) + чехол + защитное стекло!" }, { ratingRevievs: "86 отзывов", price: { oldUan: "24 999 грн", newUan: "22 999 грн" }, name: "Samsung Galaxy S8 64GB Midnight Black + карта памяти 64гб + оригинальный чехол!" }, { ratingRevievs: "177 отзывов", price: "6 499 грн", name: "Huawei P8 Lite 2017 White + УМБ Huawei AP08Q + защитное стекло + чехол!" }, { ratingRevievs: "347 отзывов", price: "4 299 грн", name: "Xiaomi Redmi 4X 3/32GB Black (Международная версия)" }, { ratingRevievs: "709 отзывов", price: "2 799 грн", name: "Samsung Galaxy J1 2016 SM-J120H Black + защитное стекло + чехол!" }, { ratingRevievs: "527 отзывов", price: "3 999 грн", name: "Huawei Y6 Pro Gold + чехол + защитное стекло!" }, { ratingRevievs: "66 отзывов", price: "16 499 грн", name: "Apple iPhone 6s 32GB Gold" }, { ratingRevievs: "14 отзывов", price: "11 499 грн", name: "Apple iPhone 6 32GB Space Gray" }, { ratingRevievs: "70 отзывов", price: { oldUan: "7 399 грн", newUan: "5 999 грн" }, name: "Asus ZenFone 2 32GB (ZE551ML) Black" }, { ratingRevievs: "45 отзывов", price: "4 299 грн", name: "Nokia 3 Dual Sim Silver White + сертификаты 500 грн!" }, { ratingRevievs: "376 отзывов", price: "3 899 грн", name: "Meizu M3 Note 32GB Grey (Международная версия)" }, { ratingRevievs: "111 отзывов", price: { oldUan: "9 999 грн", newUan: "7 999 грн" }, name: "Sony Xperia X Dual (F5122) White" }, { ratingRevievs: "40 отзывов", price: "2 222 грн", name: "Lenovo Vibe C (A2020) Black + УМБ PowerPlant 5200 mAh в подарок!" }, { ratingRevievs: "93 отзыва", price: "18 999 грн", name: "Apple iPhone 7 32GB Black" }, { ratingRevievs: "33 отзыва", price: "16 999 грн", name: "Huawei P10 4/32GB Black + сертификат 2500грн + чехол Huawei Smart View Cover!" }, { ratingRevievs: "71 отзыв", price: { oldUan: "2 399 грн", newUan: "1 999 грн" }, name: "LG K5 X220ds Gold" }, { ratingRevievs: "39 отзывов", price: "2 995 грн", name: "Lenovo C2 Power (K10a40) Black" }, { ratingRevievs: "156 отзывов", price: "2 599 грн", name: "Nous NS 5006 Gold" }, { ratingRevievs: "40 отзывов", price: "19 689 грн", name: "LG G6 Mystic White" }, { ratingRevievs: "24 отзыва", price: "5 995 грн", name: "Motorola MOTO G5 (XT1676) Grey" }, { ratingRevievs: "7 отзывов", price: { oldUan: "10 999 грн", newUan: "9 999 грн" }, name: "HTC One X10 Dual Sim Silver" }, { ratingRevievs: "18 отзывов", price: { oldUan: "5 999 грн", newUan: "4 999 грн" }, name: "Sony Xperia L1 Dual Black" }];

// Sort by price ascending.
products = Sort(products);

for (var i = 0; i < products.length; i++) {
    // Data containers.
    var title = document.createElement('a');
    var reviews = document.createElement('a');
    var price = document.createElement('span');
    var oldPrice = document.createElement('span');
    title.href = '#';
    reviews.href = '#';

    // Main wrapper for product.
    var productWrapper = document.createElement('div');
    productWrapper.className = 'product-wrapper';

    // Inner product div.
    var innerProduct = document.createElement('div');
    innerProduct.className = 'product-inner';
    productWrapper.appendChild(innerProduct);

    // Create div for product name.
    var productName = document.createElement('div');
    productName.className = 'product-name';
    innerProduct.appendChild(productName);

    // Create div for price.
    var productPrice = document.createElement('div');
    productPrice.className = 'product-price';
    innerProduct.appendChild(productPrice);

    // Add name to product-name class in p tag.
    title.innerHTML = products[i].name;
    productName.appendChild(title)

    // Div for price
    var priceUah = document.createElement('div');
    priceUah.setAttribute('id', 'price-uah');

    // Div for new price
    var newPrice = document.createElement('div');
    newPrice.className = 'new-price';


    // Checks if there is an old price.
    if (products[i].price.oldUan == undefined) {
        // Add price
        price.innerHTML = products[i].price;
        priceUah.appendChild(price);
        productPrice.appendChild(priceUah);
    } else {
        // Add new price
        price.innerHTML = products[i].price.newUan;
        newPrice.appendChild(price);
        productPrice.appendChild(newPrice);

        // Add old price
        oldPrice.innerHTML = products[i].price.oldUan;
        priceUah.className += 'old-price';
        priceUah.appendChild(oldPrice);
        productPrice.appendChild(priceUah);

    }

    // Add reviews
    reviews.innerHTML = products[i].ratingRevievs;
    var review = document.createElement('div');
    review.className = 'product-reviews';
    review.appendChild(reviews);

    productPrice.appendChild(review);

    // Add one product to main-products class.
    product.appendChild(productWrapper);

}


// Sort function by price
function Sort(array) {
    for (var i = 0; i < array.length; i++) {
        var curr;
        var temp;
        var next;

        for (var j = i + 1; j < array.length; j++) {
            array[i].price.oldUan == undefined ? curr = Number(array[i].price.replace(/[^0-9]/g, '')) : curr = Number(array[i].price.newUan.replace(/[^0-9]/g, ''));
            array[j].price.oldUan == undefined ? next = Number(array[j].price.replace(/[^0-9]/g, '')) : next = Number(array[j].price.newUan.replace(/[^0-9]/g, ''));
            if (curr > next) {
                temp = array[i];
                array[i] = array[j];
                array[j] = temp;
            }
        }
    }

    return array;
}