JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<div class="painel">
    <label for="acao">Tarefa:</label>
    <input type="text" name="txtTarefa" class="tarefa" />
    <button name="btn" id="button">Adicionar</button>
</div>
<br />
<div class="lista"></div>

CSS

.item {
    padding: 5px;
}
.item:hover {
    background-color: #ccf;
}

JavaScript

var main = function () {
    $('#button').click(function () {
        var item = $('input[name=txtTarefa]').val();
        $('.lista').append('<div class="item">' + item + '</div>');
    })
    $(document).on('click', '.item', function () {
        var apagar = confirm("Deseja apagar a tarefa?");
        if (apagar) {
            $(this).remove();
        }
    });
}
$(document).ready(main)