Buenas tardes realicé un To do list con js css y html donde se pueden eliminar agregar tareas a hacer. Mi pregunta es la siguiente, es posible que el clickear en un botón generar una lista completamente nueva alado de la que ya tengo? Mi idea es que la webapp sea parecido a trello donde podría tener una primera lista con un titulo otra con otro titulo y asi.
index.html: Lo que quiero realizar es que si yo clickeo en este boton me genere otra lista nueva alado de la que ya tengo.
<div class="title">
<h1>Add new list</h1>
<button class="newList">Add new To Do List</button>
</div>
La lista nueva tendría que ser como esta:
<div class="wrapper">
<header>To do</header>
<div class="inputField">
<input type="text" placeholder="Add new item">
<button><i class="fas fa-plus"></i></button>
</div>
<ul class="todoList">
</ul>
<div class="footer">
<span>You have <span class="pendingNumb"></span> items pending</span>
<button>Clear All</button>
</div>
</div>
Si alguien sabe hacerlo y me quiere dar una idea como para que yo pueda comenzar a resolverlo me vendría bien.