macao_army/ZAJSG/js/ui.js

(function () {
    let fragment = document.createDocumentFragment();
    let yp_num = [
        'am01',
        'am02',
        'am03',
        'am04',
        'am05',
        'am06',
        'am07',
        'am08',
        'am09',
        'am11',
        'am11_1',
        'am11_2',
        'am11_3',
        'am11_4',
        'am11_5',
        'am11_6',
        'am11_7',
        'am11_8',
        'am11_9',
        'am11_10',
        'am11_11',
        'am11_12',
        'am11_13',
        'am11_14',
        'am11_15',
        'am13',
        'am14',
        'am44',
        'am45',
        'am46',
        'am50',
        'am52',
        'am53',
        'am54',
        'am55',
        'am56',
        'am57',
        'am58',

        'am10',
        'am12_1',
        'am12_2',
        'am12_3',
        'am12_4',
        'am12_5',
        'am12_6',
        'am12_7',
        'am12_8',
        'am12_9',
        'am12_10',
        'am12_12',
        'am12_13',
        'am12_14',
        'am12_15',
        'am12_16',
        'am12_17',
        'am12_18',
        'am12_19',
        'am12_20',
        'am12_21',
        'am12_22',
        'am12_23',
        'am12_24',
        'am12_25',
        'am12_26',
        'am12_27',
        'am12_29',
        'am15',
        'am16',
        'am25',
        'am27',
        'am30',
        'am31',
        'am34',
        'am35',
        'am36',
        'am37',
        'am41',
        'am47',
        'am48',
        'am49',
        'am51',
        'am60',

        'am12_28',
        'am17',
        'am18',
        'am19',
        'am20',
        'am21',
        'am22',
        'am23',
        'am24',
        'am26',
        'am28',
        'am29',
        'am32',
        'am33',
        'am38',
        'am39',
        'am40',
        'am43_jz5',
        'am43_jz7',
        'am43_jz9',
        'am43_jz11',
        'am43_xz',
        'am43_xz4',
        'am59',
        'am61'
        ]

    for (let i=0;i<yp_num.length;i++) {
        let li = document.createElement('li');
            let divWrap = document.createElement('div');
            let a = document.createElement('a');
            let div = document.createElement('div');
            let p = document.createElement("p");
            divWrap.classList.add('case');
            a.classList.add('link-a');
            a.href = `Model.html?m=${yp_num[i]}&v=1`;
            div.classList.add('card-img');
            div.style = `background-image: url(images/${yp_num[i]}.jpg)`;
            let key = yp_num[i];
            p.innerHTML = modelInfos[key].name;
            a.appendChild(div);           
            divWrap.appendChild(a);
            li.appendChild(divWrap);
            li.appendChild(p);
            fragment.appendChild(li);
    }
    let ul = document.querySelector('.con');
    ul.appendChild(fragment);
    
})()