Olá, pessoal! Ao término do curso com o projeto concluído eu comecei a mexer por conta própria e fazer algumas alterações e pôr algumas músicas para praticar, e dois problemas que surgiram foi de que se eu clicar em uma opção para tocar uma música as outras não param de tocar juntas e fica uma bagunça que só, além de também não conseguir pausar uma música quando eu quiser. Já tentei de diversas formas, tanto como uma nova função quanto dentro da primeira função (mencionada abaixo) e gostaria muito de fazer essa adição, embora seja algo simples foi uma ideia que surgiu enquanto estava estudando e gostaria de concluir esse exercício. Alguém mais experiente consegue ajudar esse jovem gafanhoto? Ficarei muito grato.
//Essa é a função do curso apenas com a adição do "currentTime"
function tocaSom(seletorAudio) {
const elemento = document.querySelector(seletorAudio);
if (elemento && elemento.localName === 'audio'){
elemento.play();
elemento.currentTime = 0;
} else {
//alert('Elemento não encontrado')
console.log('Elemento não encontrado ou seletor inválido');
}
}///////////// Tentei duas opções:
A) Uma possível outra função
function pausaSom(seletorAudio) {
const elemento = document.querySelector(seletorAudio);
if(elemento.playing){
elemento.pause();
}
}B)Adicionar o botão pause na primeira função
if (elemento && elemento.localName === 'audio'){ elemento.play(); elemento.currentTime = 0;
} else if(elemento.playing) {
elemento.pause
}
}
