пытаясь создавать независимые модалы и публиковать информацию из разных массивов - PullRequest
Новая
       1

пытаясь создавать независимые модалы и публиковать информацию из разных массивов

0 голосов
/ 22 января 2019

Я пытаюсь выполнить тестирование модальных выходов и, по сути, иметь его там, где содержимое, которое я извлекаю из множества массивов, соответствует порядку выводимых модалов, что соответствует количеству информации, котороеинформация о массиве вытягивает.

Но когда я извлекаю информацию в модал, она по какой-то причине просто вытягивает последний элемент массива, который я вызываю для ВСЕХ модалов, вместо того, чтобы быть независимым.

вот мой код JS 

                    function showModal() {

                        const modalValues = document.querySelectorAll('#modal');

                            for (a = 0; a < modalValues.length; a ++) {

                                    modalValues[a].classList.remove('hide');

                                }
                    }

                    const arrayOne = {
                        firstName: 'John',
                        Speciality: 'Weldind'
                    }

                    const arrayTwo = {
                        firstName: 'Jack',
                        Speciality: 'Uber'
                    }

                    const arrayThree = {
                        firstName: 'Jill',
                        Speciality: 'Nanny'
                    }

                    const arrayFour = {
                        firstName: 'Mill',
                        Speciality: 'Doctor'
                    }


                    const arrayAlls = [arrayOne , arrayTwo, arrayThree, arrayFour];

                    //value and valueTwo id 

                    const valueName =  document.querySelectorAll('#value');

                    for (j = 0; j < valueName.length; j++) {

                        const valueNameArray = [];

                        valueNameArray.push(valueName[j].textContent);

                        const firstName = arrayAlls[j].firstName;
                        valueName[j].textContent = firstName;



                    }




                const modalBtn = document.querySelectorAll('#modalBtn');

                for (s = 0; s < modalBtn.length; s++) {
                    modalBtn[s].addEventListener('click' , showModal)
                }
...