1
resposta

input

alguem saberia dizer como, fazer o codigo usando o botao para colocar a quantidade, e depois aparecer o prompt pedindo os ingredientes, ja tentei varias vezes mas nao consegui .

1 resposta

Oi Carlos, tudo certo?

Como não tive acesso ao código fiz um genérico para te dar um norte.

Caso você ainda precise de ajuda, favor colocar o seu código aqui (ou o repositório dele) para que eu possa tentar te ajudar melhor. Beleza?

Para criar o input que recebe o valor e o botão que será clicado deve-se criar o código abaixo no seu html.

  <body>
    <div class="conteudo">
      <label for="qtde"></label>
      <input type="number" name="qtde" id="qtde" />
      <button id="btn">Registrar Ingredientes</button>
    </div>
    <script src="./script.js"></script>
  </body>

Para pegar o valor do input e escutar o clique no botão, deve-se criar o código abaixo no seu arquivo javascript.

document.querySelector("#btn").addEventListener("click", () => {
  const qtde = Number(document.querySelector("#qtde").value);

  alert(
    `Agora você pode usar a quantidade obtida no input para pedir os ingredientes no prompt\nVocê digitou o número ${qtde}`
  );
});

Espero ter ajudado!

Abs.