Estoy intentando construir una aplicación de temporizador usando Electron Forge. Encontré un tutorial aquí para seguir: https://css-tricks.com/how-to-create-an-animated-countdown-timer-with-html-css-and-javascript/
Sin embargo, mientras intento construir esta aplicación, recibo este error de Electron en DevTools: "Error de referencia no detectado: formatTime no está definido"
El primer lugar donde aparece este error es en esta sección de mi archivo JavaScript:
document.getElementById("app").innerHTML = ` <div class="base-timer"> <svg class="base-timer__svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <g class="base-timer__circle"> <circle class="base-timer__path-elapsed" cx="50" cy="50" r="45"></circle> </g> </svg> <span id="base-timer-label" class="base-timer__label"> ${formatTime(timeLeft)} </span>`No puedo decir si esta es una biblioteca de JavaScript que falta o por qué formatTime no está definido.
Quiero poder mostrar un temporizador en una columna y luego en otra columna con algo de texto.
¿Alguien podría ayudarme a entender por qué sucede esto y qué debo hacer para poder usar esta biblioteca? ¿O hay una alternativa en Electron/Electron Forge?
Creo que el propietario del tutorial no agregó la función. En su enlace encontré la función en la sección "comentarios".
function formatTime(time) { const hours = Math.floor(time / 60); const minutes = Math.floor(time / 60); let seconds = time % 60; if (seconds < 10) { seconds = 0${seconds}; } return ${hours}:${minutes}:${seconds}; }