input 搜索localStorage存储历史记录 删除历史记录

/*
 * 历史记录             展示 + 删除
  */
var searchArr;
//定义一个search的，判断浏览器有无数据存储（搜索历史）
if(localStorage.search) {
//如果有，转换成 数组的形式存放到searchArr的数组里（localStorage以字符串的形式存储，所以要把它转换成数组的形式）
searchArr = localStorage.search.split(",");
MapSearchArr();
} else {
//如果没有，则定义searchArr为一个空的数组
searchArr = [];
};


//删除历史记录
$("#removeSearch").on("click",function(){
console.log(searchArr)

searchArr = [];

        localStorage.search=searchArr;

MapSearchArr()；
})


//把存储的数据显示出来作为搜索历史
$("#btn").on("click",function () {
var val = $("#searchs").val();
//点击搜索按钮时，去重
KillRepeat(val);
//去重后把数组存储到浏览器localStorage
localStorage.search = searchArr;
//然后再把搜索内容显示出来
MapSearchArr();
});


function MapSearchArr() {
var tmpHtml = "";
for(var i = 0; i < searchArr.length; i++) {
tmpHtml += '<a href=""><button type="button" class="mui-btn btn-city mui-btn-gray">' + searchArr[i] + '</button></a>';
}
$("#keyname").html(tmpHtml);
}
//去重
function KillRepeat(val) {
var kill = 0;
for(var i = 0; i < searchArr.length; i++) {
if(val === searchArr[i]) {
kill++;
}
}
if(kill < 1) {
searchArr.push(val);
}
}
}