0
respostas

[Projeto] botao com a mesma função

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>