Olá! estou com dificuldade de colocar a mesma função em dois botões, como posso fazer isso? https://github.com/marianwiermann/Trallo
JS
// add cards -----------
const botaoAdicionar = document.querySelector('.botao-add')
botaoAdicionar.addEventListener('click', function (event) {
event.preventDefault()
// pegando o valor o novo conteudo
const form = document.querySelector('.form-adiciona')
const conteudo = form.texto.value
// novo card
const novoCard = document.createElement('div')
const novoConteudo = document.createElement('div')
novoCard.classList.add('card') //add class
novoCard.setAttribute('draggable', true) //add atribute
novoConteudo.textContent = conteudo
novoCard.appendChild(novoConteudo)
const board = document.querySelector('.dropzone')
board.appendChild(novoCard)
})
HTML
<form class="form-adiciona">
<div class="add">
<label for="texto"></label>
<input
id="texto"
name="texto"
type="text"
placeholder="digitar título"
class="texto"
/>
</div>
<button id="botao-add" class="botao-add">+ Adicionar um cartão</button>
</form>