Почему зависает сайт?

Question

[gazes12]

Сайт зависает и за этого js кода:

var works__item = document.querySelectorAll('.works__item');

/*Скорей всего именно и за этого*/

while(true){
	works__item.forEach(function(item){
		item.style.display = 'none';   
	})
}
------------------------------------------------------------

/*Проверка на  позицию скролла*/
window.onscroll = function() {
	let posTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
	if(posTop > 500){
		item.style.display = 'none';
	}
}
-------------------------------------------------------------------------

Comments

[Владислав Лысков]

while(true){
  works__item.forEach(function(item){
    item.style.display = 'none';   
  })
}

а зачем тебе этот бесконечный цикл?

[Kvason]

Бесконечные циклы торомозят сайты

[gazes12]

Владислав Лысков, .works__item много, а если указываю просто

var works__item = document.querySelectorAll('.works__item');
То <code lang="javascript">
 item.style.display = 'none';   применяется к одному объекту, я вот попробовал через forEach перебрать все
</code>

[Владислав Лысков]

gazes12, цикл while имелся ввиду

Answer 1

[Aricus]

window.onload = function() {
   let works__item = document.querySelectorAll('.works__item');
    works__item.forEach(function(item){
        item.style.display = 'none';   
    });
    /*Проверка на  позицию скролла*/
    window.onscroll = function() {
        let posTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
        if(posTop > 500){
            works__item.forEach(function(item){
                item.style.display = 'none';   
            });
        }
    }
};

Домашнее задание: подумайте, почему я сделал эти изменения. Ну и рекомендую немного подучиться программированию. Такого, как while(true) в принципе нельзя писать, тем более без break; .