Exercício da Apostila do Curso de Desenvolvimento HTML, CSS e JavaScript

Front-end
#1

Boa tarde Pessoal, estou fazendo esse exercício e não entendi o porque do % 2 na linha de comando, podem me ajudar?

  1. Implemente um banner rotativo na home page da Mirror Fashion usando JavaScript.
    Temos duas imagens, a destaque-home.png e a destaque-home-2.png que queremos trocar a cada 4
    segundos; use o setInterval para isso.
    Há várias formas de implementar essa troca de imagens. Uma sugestão é manter um array com os
    valores possíveis para a imagem e um inteiro que guarda qual é o banner atual.
    var banners = [“img/destaque-home.png”, “img/destaque-home-2.png”];
    var bannerAtual = 0;
    function trocaBanner() {
    bannerAtual = (bannerAtual + 1) % 2;
    document.querySelector(’.destaque img’).src = banners[bannerAtual];
    }
    setInterval(trocaBanner, 4000);
#2

Este % refere-se ao resto da divisão e não ao valor inteiro da divisão, compreende?
Exemplo:

10 / 2 = 5 //aqui temos o resultado da divisão
10 % 2 = 0  //Aqui temos o resto da divisão

10 / 3 = 3 //resultado
10 % 3 = 1 //resto

Entendeu?

#3

Sim eu entendo o conceito, mas nesse caso, qual a funcionalidade.

Muito Obrigado pelo retorno Darian

#4

A ideia é fazer o banner se movimentar, não? A cada período de tempo (4 segundos, pelo que consta na última linha), o banner vai trocando de posição.
Me parece ser isso.