Как исправить audio.play () не является функцией

Question

Я не понимаю, почему это не работает. Кажется, все в порядке

const button = document.querySelector('.play');
const alarm = document.getElementById('alarm');



button.addEventListener('click',function(){
   alarm.play();
})

Это HTML:

        <audio id="alarm">
            <source src="sound/Wecker-sound.mp3">
        </audio>

Answer 1

Не лучший ответ.Это происходит, когда я ищу SO в течение года: я получил ошибку «audio.play () не является функцией», потому что я случайно создал искаженный объект, у которого не было нужных свойств (глупость с переименованием реквизита, передаваемого вРеагируйте *), поэтому JS задохнулся, пытаясь обработать команду.Как только я исправил это и предоставил правильный источник файла, ошибка исчезла.

* Исходный массив аудиофайлов содержал ключи this.state, такие как 'url' и 'id', но когда я перебирал массив, я делал глупые дерьмо, как, но затем при построении фактического на основе этого,Я все еще пытался использовать «url» и «id» вместо недавно переименованных реквизитов «clip» и «clipId».Я болтаю, но мне потребовалось слишком много времени, чтобы все это проработать и выяснить мои ошибки (и, насколько я могу судить, я, вероятно, могу избавиться от слоя пропускающих подпорки ... рефакторинг, чтобы последовать один развсе и работает).