Alexandr Shmidt's questions

我正在尝试制作旋转木马。现在我正在开发一个功能，当您单击指标时，会确定指标的索引并将其更改为具有相应索引的图片。该功能有效，但将来，当您单击任何其他指标时，什么都不会发生。包括。无法通过开发人员工具捕获错误。问题是什么？

let imageIndex = 0;

//array with photo
const picArr = [
  'golden-retriever-puppy.jpg',
  'Drathaar.jpg',
  "beagle.jpg",
  'alabay.jpg',
  'rizenshnautser.jpg',
  'Airedale.jpg',
];
showImage(imageIndex, pictureBlock);
function showImage(imageIndex, containerElement){
  containerElement.style.backgroundImage = "url(" +picArr[imageIndex]+ ")";
 //get list of indicators
  let indItems;
  const indicatorList = document.getElementById('indicatorList');
  if(indicatorList) {
    //delete list of indicators
    divIndicator.removeChild(indicatorList);
  } 
  //create new element with other picture
  indItems = document.createElement('ul');    
  divIndicator.appendChild(indItems);
  indItems.setAttribute('id', 'indicatorList');
  for (let i = 0; i < picArr.length; i++){
    const item = document.createElement('li');
    indItems.appendChild(item);
    item.setAttribute('data-order', i);
  }
  //change colour of running indicator item
  indItems.childNodes[imageIndex].setAttribute('id', 'start');
}
function defineIndicatorNumber(e){
  console.log(Number(e.target.getAttribute('data-order')));
  imageIndex = Number(e.target.getAttribute('data-order'));
  showImage(imageIndex, pictureBlock);
}

const indicatorButton = document.querySelectorAll('li');
indicatorButton.forEach(item => item.addEventListener('click', defineIndicatorNumber));

感谢您的帮助，我重写了重新创建的循环，如下所示：

for (let i = 0; i < picArr.length; i++){
    item = document.createElement('li');
    indItems.appendChild(item);
    item.setAttribute('data-order', i);
    let items = document.querySelectorAll('li');
    items.forEach(item => item.addEventListener('click', defineIndicatorNumber));
  }

    let picArr = [
  'golden-retriever-puppy.jpg',
  'Drathaar.jpg',
  "beagle.jpg",
  'alabay.jpg',
  'rizenshnautser.jpg',
  'Airedale.jpg',
];   
//function for control slide show

//здесь суть вопроса: нужно убрать глобальную переменную отсюда

let idInterval;
function showControl() {

//и поместить сюда

 let idInterval;  
  if(idInterval){    
    clearInterval(idInterval);
    return idInterval = undefined;
  } else {
    idInterval = setInterval(function(){showNextPic(picArr);}, 2000);
  } 
}

//function for getting running array index of running photo
function getIndex(arr) {
  let runningPic = document.querySelector('.pictureBlock');
  let pic = window.getComputedStyle(runningPic);
  let str = pic.backgroundImage;
  let goalStr = str.match(/[a-z?-]+[.]+(jpg)/gi);
  //console.log(goalStr);
  for (let i = 0; i < arr.length; i++){
    if(arr[i] === goalStr[0]){
      return arr.indexOf(arr[i]);
    }
  }
}

//function for showing next picture in manual mode
function showNextPic(arr){
  let ind = getIndex(arr);
  //console.log(arr.length);
  let indicatorItems = document.querySelectorAll('li');
  let runningPic = document.querySelector('.pictureBlock');
  if (ind < arr.length-1){
    ind++;
    //console.log(ind);
    runningPic.style.backgroundImage = "url(" + arr[ind] + ")";
    indicatorItems[ind].style.backgroundColor = 'lightgray';
    indicatorItems[ind-1].style.backgroundColor = 'whitesmoke';
  } else {
    ind = 0;
    runningPic.style.backgroundImage = "url(" + arr[ind] + ")"; 
    indicatorItems[ind].style.backgroundColor = 'lightgray';
    indicatorItems[arr.length-1].style.backgroundColor = 'whitesmoke';
  }  
}
//function for showing previous photo in manual mode
function showPrevPic(arr) {
  let ind = getIndex(arr);
  let indicatorItems = document.querySelectorAll('li');
  let runningPic = document.querySelector('.pictureBlock');
  if (ind > 0){
    ind--;
    runningPic.style.backgroundImage = " url(" + arr[ind] + ")";
    indicatorItems[ind].style.backgroundColor = 'lightgray';
    indicatorItems[ind+1].style.backgroundColor = 'whitesmoke';
  } else {
    ind = arr.length-1;
    runningPic.style.backgroundImage = " url(" + arr[ind] + ")";
    indicatorItems[ind].style.backgroundColor = 'lightgray';
    indicatorItems[0].style.backgroundColor = 'whitesmoke';
  }    
}
  const fW = document.querySelector('.right');
  fW.addEventListener('click', function(){showNextPic(picArr)});
  fW.addEventListener('click', function(){stopSlideShow()});
  const bW = document.querySelector('.left');
  bW.addEventListener('click', function(){showPrevPic(picArr)});
  //picture as a button for slideshow.
  const slideShowButton = document.querySelector('.pictureBlock');
slideShowButton.addEventListener('click', showControl);

给定对象：

const o = {
    a: 2,
    b: {
      a: 3,
      b: 4,
      c: {
        a: 5,
        b: 6
      }
    },
    c: 1
  }

有必要编写一个函数，该函数将使用递归添加对象属性的所有值。

但是，您不能将初始值用作函数参数。如果没有全局范围内的变量，就无法做到这一点，而且根本不知道如何在代码中完成这项任务。请帮帮我。