1 Тема від frelancemi

  • frelancemi
  • Новий користувач
  • Поза форумом
  • Дата реєстрації: 27.09.2020
  • Повідомлень: 7
    • Репутація: 2

Тема: неправильна робота циклу при ресайзі вікна

Првиіт! в мене така проблема, як мені зробити так щоб коли я роблю ресайз вікна бравзера, в мене в консаолі показувало два класи котрі я знаходяться в перемінні slideParrent, а в мене постійно леше показує slider2

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>slide</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <div class="slider1"></div>
    <div class="slider2"></div>


    <script>
        function Slider(obj) {
        let slideParrent = document.querySelectorAll(obj.classNames);

        console.log(slideParrent);

        window.onresize = function (e) {

            for (let i = 0; i < slideParrent.length; i++) {
                console.log(slideParrent[i]);
            }
        }
        onresize();
        
    }

    let slider = new Slider({
        classNames: '.slider1',
    });

    let slider2 = new Slider({
        classNames: '.slider2',
    });
    </script>
</body>

</html>

2 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: неправильна робота циклу при ресайзі вікна

може того, шо другий виклик new Slider перезаписує window.onresize?
спробуйте додавати обробник подій через

window.addEventListener('resize', function(e) {...});
Подякували: koala, frelancemi, leofun013

3 Відповідь від frelancemi

  • frelancemi
  • Новий користувач
  • Поза форумом
  • Дата реєстрації: 27.09.2020
  • Повідомлень: 7
    • Репутація: 2

Re: неправильна робота циклу при ресайзі вікна

чесно кажучи не розумію про що ви

4 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: неправильна робота циклу при ресайзі вікна

 window.onresize = function (e) {

            for (let i = 0; i < slideParrent.length; i++) {
                console.log(slideParrent[i]);
            }
        }

замінити на

 window.addEventListener('resize', function (e) {

            for (let i = 0; i < slideParrent.length; i++) {
                console.log(slideParrent[i]);
            }
        })
Подякували: frelancemi1

5 Відповідь від frelancemi

  • frelancemi
  • Новий користувач
  • Поза форумом
  • Дата реєстрації: 27.09.2020
  • Повідомлень: 7
    • Репутація: 2

Re: неправильна робота циклу при ресайзі вікна

window.addEventListener('resize', function (e) {

            for (let i = 0; i < slideParrent.length; i++) {
                console.log(slideParrent[]);
            }
        })

чи можна зразу запустити цю функцію ? і в подальшому щоб вона працювала при ресайзі вікна бравзера.

6 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: неправильна робота циклу при ресайзі вікна

вона і так буде працювати при ресайзі вікна бравзера.
можете присвоїти ту функцію змінній, або оголосити її окремо, і викликати після додавання її як обробника події

Подякували: frelancemi1