Trying to create a color change application using the DOM in javascript

This is the Javascript Code. The HTML is just a button tag and the link to a specific stylesheet and the script.

  let color = ["#F1FF06", "#A5FF06", "#59FF06", "#FF6506", "#FF1E06", "#B0736C", "#B0A56C", "#06EA9D", "#06EA9D", "#06EA9D","#98D8DE","#D098D1", "#770C79","#000000","#2F062E", "#F6F6F6"]
  let i = 0;
  document.querySelector("button").addEventListener("click",  function(){
    i = i < color.length ? ++1 : 0;
  document.querySelector("body").style.background = color[i];
  })