Dúvida com OnClick e textContent - JavaScript

Front-end
#1

Sou nova no JavaScript, estava tentando criar um vetor de números pares, até 20…até aí okay, não sei se a lógica está correta. Mas as linhas 25 e 27 parecem estar erradas, eu queria saber se você conseguem entender o que estou atribuindo de errado.

Quando clicar no botão, deveria aparecer este vetor no paragrafo id=resultadoPar…Desde já agradeço a ajuda!!

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Home</title>
  </head>
  <body>
    <header>
        <h6>hmm</h6>
    </header>
    <section>
        <button id="btn">ver pares</button>
        <p id="resultadoPar"> </p>
      <script type="text/javascript">
        let btn = document.querySelector("#btn");
        let resultadoPar = document.querySelector("#resultadoPar");

        function mudar_fundo(){
          let vetor_par = new Array(10){
            for(let contpar=0; contpar<=20; contpar++){
              if(contpar%2===0){
            }
          }
        }
        resultadoPar.textContent=vetor_par[contpar]);
      }
      btn.onclick=mudar_fundo;
      </script>
    </section>
  </body>
</html>

Sem%20t%C3%ADtulo

#2

Oi LariOrion.
Seu código tem alguns errinhos, que comprometem sua execução.
Tem um parêntesis sobrando na linha “resultadoPar.textContent=vetor_par[contpar]);”
Além disso, para passar o conteúdo todo do array, vc precisa chamar apenas vetor_par, sem especificar o índice, ou então irá apenas o valor daquele índice.
Outra coisa: não conheço essa forma de construção de array: new Array(10){ for( ) }
Acho que isso não funciona.
Aqui está a forma como refiz o seu código e funciona direitinho pra mim:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Home</title>
  </head>
  <body>
    <header>
        <h6>hmm</h6>
    </header>
    <section>
        <button id="btn">ver pares</button>
        <p id="resultadoPar"> </p>
		
		<script type="text/javascript">
			let btn = document.querySelector("#btn");
			let resultadoPar = document.querySelector("#resultadoPar");
			let vetor_par = new Array(10);

			function mudar_fundo(){
				indice=0;
				for(let contpar=1; contpar<=20; contpar++){
				  if(contpar%2===0){
						vetor_par[indice] = contpar;
						indice = indice+1;
					}
				}
				resultadoPar.textContent=vetor_par;			  
			}		  
		  btn.onclick=mudar_fundo;
		</script>
    </section>
  </body>
</html>