EXE (Não existe ingrediente repetido aqui!) Minha resolução e dúvida

Problema pedido Ao testar o código, verificamos que ele funciona! O problema é que podemos adicionar na lista de uma receita ingredientes repetidos. Altere o código para que os ingredientes repetidos não possam ser adicionados.

Resolução Depois de um pouco de sofrimento pude realmente usar as funcionalidades do curso e resolver o exercício. Agora fico curioso em como eu poderia mostrar essa ARRAY no "mundo" html, como diz o professor. Imagino que eu posso usar o document.write('ingredientes'), mas não tenho certeza, além disso gostaria de saber se há outro modo, quem poder me ajudar! agradeço. Aos que tiverem dúvida no funcionamento, deixe nos comentários que ajudarei como puder.

var ingredientes = []

var quantidade = parseInt(prompt('Quantos ingredientes você vai adicionar?'))

var contador = 1

while (contador <= quantidade) {

  achou = false
  //recebe a entrada
  var ingrediente = prompt('Informe o ingrediente ' + contador)

  //verifica duplicada
  for (var posicao = 0; posicao <= ingredientes.length; posicao++) {
    if (ingredientes[posicao] == ingrediente) {
      achou = true
      alert(`Atenção ingrediente ${contador} repetido, digite novamente`)
      break
    }
  } //adiciona ingrediente
  if (achou == false) {
    ingredientes.push(ingrediente)
    console.log('adicionando')
    contador++
  }
}

//mostra ingrediente
console.log(ingredientes)