Ошибка при передаче php переменной в javascript

Question

Я получил код для аудиоплеера с индикатором выполнения из codepen и передал переменную php в код javascript через html id, всякий раз, когда я нажимаю кнопку воспроизведения / паузы, появляется ошибка консоли js под образцом кода, который я ввел, появится. Пожалуйста, что я могу сделать, чтобы аудиофайлы воспроизводились с паузой.

">

Uncaught TypeError: audio.pause is not a function
    at togglePlay (trial.php:255)
    at HTMLButtonElement.onclick (trial.php:159)
togglePlay @ trial.php:255
onclick @ trial.php:159

Answer 1

Как я мог быть таким слепым ?! Хорошо, я знаю, что сейчас происходит. Ваш DIV с классом "прогресс" имеет тот же идентификатор, что и ваш элемент AUDIO. Хотя элементы DOM могут использовать один и тот же класс, идентификаторы должны быть уникальными . Потому что DIV появляется перед элементом AUDIO. document.getElementByID(audioID) вернет ваш DIV, у которого нет метода pause. См. Пример https://codepen.io/stvkas/pen/ZEQKvdM.

Если вы измените идентификатор в своем классе прогресса DIV, я уверен, что этот код будет работать.