diff --git a/index.html b/index.html
index 3084e34..6602e44 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
+    <h1>This is a Web Player for 163 CloudMusic.</h1>
     <div>
         <div id="searchbox">
             <input type="text" id="search-song">
@@ -18,6 +19,7 @@
         <button type="button" onclick="playthelist()" id="btngreen">播放列表</button>
         <button type="button" onclick="playnext()" id="btngreen">立即切歌</button>
         <button type="button" onclick="gethistory()" id="btngreen">播放历史</button>
+        <button type="button" onclick="removehistory()" id="btngreen">清空记录</button>
         <div>
             <div id="nowplaystat">Now Playing: <span id="nowplay">None</span></div>
             <audio src="#" controls id="Player"></audio>
diff --git a/js/main.js b/js/main.js
index efae4cb..6493334 100644
--- a/js/main.js
+++ b/js/main.js
@@ -212,7 +212,8 @@ function gethistory(){
     var reslist = document.getElementById("reslist");
     reslist.innerHTML = "";
     for(var i = 0; i < historyList.length; i++){
-        reslist.innerHTML += `<li>${historyList[i].songname} - ${historyList[i].artist}</li>`;
+        reslist.innerHTML += `<li>${historyList[i].songname} - ${historyList[i].artist}` + 
+        `<button type="button" id="playbtn" onclick="addlist(${historyList[i].songid}, '${historyList[i].songname}', '${historyList[i].artist}')">加入播放列表</button></li>`;
     }
     document.getElementById('keyword').innerHTML = "历史记录";
 }
