Como alterar o codigo para que o Button esteja dentro da <div>

Tenho um codigo como o de baixo, gostaria de saber de que forma posso colocar os botões dentro da DIV de forma que uma div seja criada para cada botão. ps1: preciso que o botão seja criado da forma que esta sendo para que ele salve a função. ps2: estou usando js vanilla

const app = document.getElementById("app");
const tarefas = ["tarefa1", "tarefa2", "tarefa3"];

app.innerHTML = `
<h1>Hello Vanilla!</h1>
<div>
'botoões aqui dentro(cada um em uma div)'
</div>
`;

tarefas.forEach(tarefa => {
  const button = document.createElement("button");

  button.innerHTML = `Click ${tarefa}`;
  button.onclick = function() {
    console.log("to aqui no onclick", tarefa);
  };

  app.appendChild(button);
});