const botao= document.getElementById("botao")
botao.addEventListener("click", botaoApertado)
botaoApertado (evento) { botao.src = "img" } Eu travei aqui
const botao= document.getElementById("botao")
botao.addEventListener("click", botaoApertado)
botaoApertado (evento) { botao.src = "img" } Eu travei aqui
hoje, com a Alura e o Google Gemini
Oii, Gabriel!
Vejo que você já iniciou o processo de criação do botão de edição, isso é bom. Mas vou fazer alguns ajustes, adicionei comentários pra que você entenda os passos:
// Primeiro, crie o elemento do botão
const botao = document.createElement("button");
// Adicione o ícone de lápis (pode ser um caractere ou um ícone da biblioteca FontAwesome, por exemplo)
botao.innerHTML = "✏️"; // Aqui usamos um emoji de lápis
// Agora, localize o item da lista onde o botão será inserido
const listaItem = document.getElementById("seu-item-da-lista");
// Adicione o botão ao item da lista
listaItem.appendChild(botao);
// Adicione o evento de clique ao botão
botao.addEventListener("click", function() {
console.log("Botão de edição clicado!");
// Aqui você pode implementar a funcionalidade desejada
});
Criei um HTML simples para testar o código:
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Botão de Edição</title>
</head>
<body>
<ul>
<li id="seu-item-da-lista">Item da lista</li>
</ul>
</body>
</html>
Lembrando que essa é uma das formas de fazer.
Espero ter te ajudado.
Um abraço e bons estudos.