KPC
Kevin Powell - Community•2y ago
winniffy

forEach method

i'm finding it difficult to understand this code snippet? could someone please tell me what the slide and index do? i tried to change the forEach method to a forLoop so i can understand it better, but i could not access the slide property. this is my attempt to rewrite it in forLoop method: for(index=0; index<slides.length; index++){ slide.style.transform = translateX(${index * 500}px); }
3 Replies
MarkBoots
MarkBoots•2y ago
a foreach loop goes over an array. Inside the loop every item of that array will be temporarily be named as 'slide' and the index is the place of that item in the array, which you can refer too. here a more detailed explanation: https://www.freecodecamp.org/news/javascript-foreach-how-to-loop-through-an-array-in-js/ in a regular for loop it would be 
for(let index = 0; index < slides.length; index++){
  const slide = slides[index];
  slide.style.transform = `translateX(${index * 500}px)`
}
for(let index = 0; index < slides.length; index++){
  const slide = slides[index];
  slide.style.transform = `translateX(${index * 500}px)`
}
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
winniffy
winniffy•2y ago
preciate this a lot @MarkBoots thank you @webcat || 🧶🐈 you both helped a lot. preciate it
Want results from more Discord servers?
Add your server
More Posts
Take full space of the grid colI want my content to take the full space of the grid and not leave white space but I cant get it to Filter not on childHi, i'm trying to make an effect where the background is grayscale 100% and the child isn't while usMaking a transition responsiveI've been using a background transition for a hover effect on links. It works all right, but it breacan I use has selector to look for any new css classes that were added dynamically ?I wanted to use `:has` selector to look for a class named `dark-mode` that is added dynamically in rSVG animationhttps://codepen.io/aldrinbright/pen/qBKqRmM Anyone familiar with svg animation? I want to animate thNavbar not expanding to the full width of the screenWell hello there, can anyone please tell me how to fix the nav bar? HTML code for *Projects*. ```htauto-fill vs auto-fit?Title ^ I checked other articles and StackOverflow like this one here: https://stackoverflow.com/quDisable **all** notifications, including errorsVSCode has a "do not disturb" mode which will silence all notifications. Perfect, that's what I wantWhat's the point of naming grid lines?Hi guys; so here's some code: ```html <div class="wrapper"> <div class="item1">Start column line Exclude non-numbers while pushing to an empty arrayHi guys I have this problem where I created a logical statement where numbers should only get pushed