4
respostas

alert no topo da tela nao aparece

Alura Midi

<section class="teclado">
    <button on click="alert('Pom')"  class="tecla tecla_pom">Pom</button>
    <button class="tecla tecla_clap">Clap</button>
    <button class="tecla tecla_tim">Tim</button>

    <button class="tecla tecla_puff">Puff</button>
    <button class="tecla tecla_splash">Splash</button>
    <button class="tecla tecla_toim">Toim</button>

    <button class="tecla tecla_psh">Psh</button>
    <button class="tecla tecla_tic">Tic</button>
    <button class="tecla tecla_tom">Tom</button>
</section>

Não aparece o alert no topo e o som não está funcionando
4 respostas

Olá, Jocenice!

Tem um espacinho entre on e click. Deve ser corrigido para onclick, essa separação fez com que o HTML não reconhecesse a função e não ativasse o alert.

Seu código deve ficar assim:


<section class="teclado">
   <button onclick="alert('Pom')"  class="tecla tecla_pom">Pom</button>
   <button class="tecla tecla_clap">Clap</button>
   <button class="tecla tecla_tim">Tim</button>

   <button class="tecla tecla_puff">Puff</button>
   <button class="tecla tecla_splash">Splash</button>
   <button class="tecla tecla_toim">Toim</button>

   <button class="tecla tecla_psh">Psh</button>
   <button class="tecla tecla_tic">Tic</button>
   <button class="tecla tecla_tom">Tom</button>
</section>

Acredito que depois disso deve voltar a funcionar normalmente.

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Olá Vitor, bom dia! Fiz a alteração e o som não sai e a mensagem tambem.

Alura Midi

<section class="teclado">
<button onclick="alert('Pom')"  class="tecla tecla_pom">Pom</button>
<button class="tecla tecla_clap">Clap</button>
<button class="tecla tecla_tim">Tim</button>

<button class="tecla tecla_puff">Puff</button>
<button class="tecla tecla_splash">Splash</button>
<button class="tecla tecla_toim">Toim</button>

<button class="tecla tecla_psh">Psh</button>
<button class="tecla tecla_tic">Tic</button>
<button class="tecla tecla_tom">Tom</button>

Obrigada pela sua gentileza!

Olá Jucenice!

Esse código funciona normalmente aqui no meu projeto observe:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Utilize o meu código enviado mais acima, ele está como o da aula, caso ainda assim não funcione, vou pedir para usar outro navegador.

Gostaria de um print do seu console no navegador, aparece algum erro? Você descompactou a pasta baixada do preparando o ambiente?

Por fim, em caso de persistência do erro, peço que você compartilhe o link do seu projeto no GitHub ou uma pasta com todos os arquivos que você utilizou no através do Google Drive. Dessa forma, conseguirei realizar os testes necessários e te ajudar de forma mais assertiva.

Lembre-se que, se enviar os arquivos por meio do Google Drive, é necessário conceder permissão para que eu possa ter acesso.

Fico no aguardo!

Vou recomeçar a aula e volto aqui se tiver mais dificuldade.

Obrigada