利用JavaScript生成动态添加歌单

这篇笔记介绍了如何利用JavaScript生成动态歌单。首先构建了HTML基础结构,然后通过CSS美化页面。接着,通过JavaScript实现动态效果:在搜索框输入歌曲名,点击添加按钮,歌名会显示在歌单中;若未输入歌曲名,点击按钮则提示‘没有输入歌名’。
摘要由CSDN通过智能技术生成

咳咳,一如既往的自用型笔记。


首先先生成一个简单的歌单页面,HTML的代码如下:

<h1>我的歌单</h1>
<input type="text" placeholder="歌曲名字" id="sousuo" class="sousuo" />
<button class="add" id="add" onclick="AddSong()">添加歌曲</button>
<table class="list" id="list"><
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值