Quería cambiar las " Lecciones " por las " Canciones ", ya que 0 de 22 valores dinámicos se incrementará a medida que alguien haga clic en el botón. Lo he intentado con este código pero no está incrementando el número:
setInterval(() => { if ($('#completion-count').length && !$('.completion_count_no_repeat').length) { $('#completion-count').empty(); $("#completion-count").append(`<span id="completion-count" class="font-semibold">0 of 22 Songs Completed</span>`); } }, 1000); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <span id="completion-count" class="font-semibold">0 of 22 Lessons Completed</span>No estás incrementando el número.
Debe llevar la cuenta del último número y luego formatearlo en la cadena:
let index = 0; setInterval(() => { if ($('#completion-count').length && !$('.completion_count_no_repeat').length) { $('#completion-count').empty(); $("#completion-count").append(`<span id="completion-count" class="font-semibold">${index} of 22 Songs Completed</span>`) } index++; }, 1000); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <span id="completion-count" class="font-semibold">0 of 22 Lessons Completed</span>Las llaves en la cadena son para plantillas. ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals )