Как сделать картинку кнопкой new lap (новый круг)??

Question

[SaberChazer]

CodePen.
Здравствуйте, интересует вопрос как сделать кнопку "Новый круг", функцию указал, innerHTMl указал, и выбивает ошибку. Как ее сделать?
*За кнопку у меня отвечает svg на 19 строке*

PS: я делаю секундомер.

Answer 1

[RAX7]

const watch = document.querySelector("#watch");
let milliseconds = 0;
let timer;

function millisToHuman(milliseconds) {
  return new Date(milliseconds).toISOString().slice(11, 22);
}

const startWatch = () => {
  watch.classList.remove("paused");
  clearInterval(timer);
  timer = setInterval(() => {
    milliseconds += 10;
    const timeStr = millisToHuman(milliseconds);
    result.innerHTML = timeStr;
    watch.innerHTML = timeStr;
  }, 10);
};

const pauseWatch = () => {
  watch.classList.add("paused");
  clearInterval(timer);
};

const resetWatch = () => {
  watch.classList.remove("paused");
  clearInterval(timer);
  milliseconds = 0;
  watch.innerHTML = "00:00:00:00";
  result.innerHTML = "00:00:00:00";
};

document.addEventListener("click", (e) => {
  const element = e.target;
  if (element.id === "start") startWatch();
  if (element.id === "pause") pauseWatch();
  if (element.id === "reset") resetWatch();
});

function newLapTime() {
  const lap = document.querySelector('.lapContainer');
  lap.innerHTML += `<br/><div> ${millisToHuman(milliseconds)} </div>`;
  milliseconds = 0;
}