Duvida Sobre javascript Objetos e funções em determinado projeto

[evertonProgramadorCriativo]

link --->https://www.w3schools.com/w3css/w3css_slideshow.asp

JavaScript explicado
Primeiro, defina o slideIndex como 1. (Primeira imagem)

Em seguida, chame showDivs () para exibir a primeira imagem.

Quando o usuário clica em um dos botões, chama plusDivs () .

A função plusDivs () subtrai um ou adiciona um ao slideIndex.

A função showDiv () oculta ( display = "none" ) todos os elementos com o nome da classe "mySlides" e exibe ( display = "block" ) o elemento com o slideIndex fornecido.

Se o slideIndex for maior que o número de elementos (x.length), o slideIndex será definido como zero.

Se o slideIndex for menor que 1, ele será definido para o número de elementos (comprimento x).

/--------------------------------------------------------/

/---------------------Pergunta--01----------------/

/--------------------------------------------------------/

function showDivs(n) {...} ela esta escutando a function plusDivs(n) {...} e

var slideIndex = 1; Resumo a function showDivs(n) {...} ela foi passada como um objeto ou como uma classList ?

/--------------------------------------------------------/

/---------------------Pergunta--02----------------/

/--------------------------------------------------------/

A plusDivs(n) {...} por padrao ela valer (n) que no caso e 0 , quando o botao for clicado ela (ADICIONAR+1 ou SUBTRAI -1) uma posicao da foto(mySlides) RESUMO DA PERGUNTA , AS DUAS FUNCAO ESTAO COM O MESMO NOME NO PARAMETRO , ESSE PARAMETRO ESTA INTERLIGADO AS DUAS OU CADA FUNCAO TEM O SEU PARAMETRO INDIVIDUAL ?

function showDivs(n) {...}

function plusDivs(n) {...}

/--------------------------------------------------------/

/---------------------Pergunta--03----------------/

/--------------------------------------------------------/

O for esta passando display = "none"; para todas as class foto(mySlides) como ele consegue associar a mudancao de evento onclick ? Por que assim que ele for clicado o index da imagem fica display em bloco

for (i = 0; i < x.length; i++) {

x[i].style.display = "none";  

}

/--------------------------------------Referencia da pergunta ---------------/

<title>W3.CSS</title> <style> .mySlides {display:none;} </style>

Manual Slideshow

❮

❯

<script> var slideIndex = 1; showDivs(slideIndex); function plusDivs(n) { showDivs(slideIndex += n); } function showDivs(n) { var i; var x = document.getElementsByClassName("mySlides"); if (n > x.length) {slideIndex = 1} if (n < 1) {slideIndex = x.length} for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } x[slideIndex-1].style.display = "block"; } </script>

[developerfred]

Fala @evertonProgramadorCriativo Tudo bem? a diagramação da sua pergunta esta bem confusa. te aconselho a da uma olhada neste artigo do @fdaciuk Aprenda markdown

[eliseumds]

Coloca isso aí num CodeSandBox da vida, ou CodePen. E o título tá mto chamativo, os mods não vão curtir.