SOURCE

$(function(){
    $('button').click(()=>{
let song=$('input:eq(0)').val()
let li=$("<li>"+song+'&nbsp;&nbsp;<button onclick="del(this)">删除</button></li>')
$('ul').append(li)

    })

})
    function del(obj){
console.log('remove')
$(obj).parent().remove()
    }

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<input placeholder="歌曲名"/><button>添加</button>
<h4>歌曲列表</h4>
<ul>
    <li>晴天&nbsp;&nbsp;<button class="del">删除</li>
</ul>

*{
    margin:0;
    padding: 0;
}
li{
    text-align: none;
}