Модальные окна и динамические списки

onst coise = { 
    category: '', 
    subcategory: '', 
    oneparams: '', 
    twoparams: '', 
    photo: '' 
} 
 
 
const categories = [ 
    "Работа", "Транспорт", "Недвижимость", "Услуги", "Электроника" 
]; 
 
const categoriesList = document.getElementsByClassName('categoryList')[0]; 
const imgStrelka = document.getElementsByClassName('imgStrelka')[0]; 
 
const categorie = { 
    "Работа": { 
        subcategory: { 
            title: "Выберите подкатегорию", 
            categorii: ["Вакансии", "Резюме", "Подработка"], 
        }, 
         
        photo: { 
            title: "Загрузить изображение", 
            categorii: ["Выбрать", "Сфотографировать", "У меня нет фото"] 
        } 
    }, 
    "Транспорт": { 
        subcategory: { 
            title: "Выберите подкатегорию", 
            categorii: ["Авто", "Мото", "Велосипеды"], 
        }, 
        oneparams: { 
            title: "Какая марка?", 
            categorii: ["бмв", "ауди", "мерседес", "бентли", "лада"], 
        }, 
 
 
        photo: { 
            title: "Загрузить изображение", 
            categorii: ["Выбрать", "Сфотографировать", "У меня нет фото"] 
        } 
    },  
    "Недвижимость": { 
        subcategory: { 
            title: "Выберите подкатегорию", 
            categorii: ["Квартира", "Дом", "Комната", "Гараж", "Земельный участок"] 
        }, 
        oneparams: { 
            title: "Сколько комнат?", 
            categorii: ["Студия", "1", "2", "3", "4+"] 
        }, 
        twoparams: { 
            title: "Какой этаж?", 
            categorii: ["1", "2", "3", "4", "5"] 
        }, 
        photo: { 
            title: "Загрузить изображение", 
            categorii: ["Выбрать", "Сфотографировать", "У меня нет фото"] 
        } 
    }, 
    "Услуги": { 
        subcategory: { 
            title: "Выберите подкатегорию", 
            categorii: ["Оказать услугу", "Требуется услуга"] 
        }, 
        photo: { 
            title: "Загрузить изображение", 
            categorii: ["Выбрать", "Сфотографировать", "У меня нет фото"] 
        } 
    } 
}; 
 
 
 
 
 
 
function addBoard(categor, tmp, title) { 
    createLiAppend(categor, title);  
    addEventClick(categor, tmp); 
} 
 
function createLiAppend(arr, title) { 
    for (let i=0; i < arr.length; i++) { 
        const li = document.createElement('li'); 
        li.innerText = arr[i]; 
        li.classList.add('categoryItem'); 
        categoriesList.appendChild(li); 
        contentTitle.innerText = title; 
    } 
} 
 
/* удаляет все элементы li */ 
function deleteLi() {   
    categoriesList.innerHTML = '' 
} 
 
 
var contentTitle = document.getElementsByClassName('contentTitle')[0]; 
 
function addEventClick(arr, tmp) { 
    const li = document.getElementsByTagName('li'); 
    for (let i = 0; i< arr.length; i++) { 
        li[i].addEventListener('click', function() { 
            if (tmp === 'Категория') { 
                contentTitle.innerText = "Категория"; 
                coise.category = li[i].innerText; 
                deleteLi(); 
                addBoard(categorie[coise.category].subcategory.categorii, 'Субкатегория', categorie[coise.category].subcategory.title); 
            } 
            else if (tmp === "Субкатегория") { 
                coise.subcategory = li[i].innerText; 
                deleteLi(); 
                 
                if (categorie[coise.category].oneparams === undefined) { 
                    addBoard(categorie[coise.category].photo.categorii, 'Фото', categorie[coise.category].photo.title); 
                } else  
                addBoard(categorie[coise.category].oneparams.categorii, '1 параметр', categorie[coise.category].oneparams.title); 
                 
            } 
            else if (tmp === '1 параметр') { 
 
                coise.oneparams = li[i].innerText; 
                deleteLi(); 
 
                if (categorie[coise.category].twoparams === undefined) { 
                    addBoard(categorie[coise.category].photo.categorii, 'Фото', categorie[coise.category].photo.title); 
                } else  
                addBoard(categorie[coise.category].twoparams.categorii, '2 параметр', categorie[coise.category].twoparams.title); 
 
            } 
            else if (tmp === '2 параметр') { 
                coise.twoparams = li[i].innerText; 
                deleteLi(); 
                addBoard(categorie[coise.category].photo.categorii, 'Фото', categorie[coise.category].photo.title) 
            }  
            else if (tmp === 'Фото') { 
                if (li[i].innerText === 'У меня нет фото') window.location.reload(); 
                 
            } 
        }) 
    }    
}