JavaScript的localstorage如何存每次商品搜索次数,和搜索关键词呀

现在是可以获取搜索的商品关键词
如何每次点击搜索之后把关键词存入localstorage里面,还有这个关键词的搜索次数
知道逻辑就是不知道如何写

这样?有帮助麻烦点个采纳【本回答右上角】,谢谢~~有其他问题可以继续交流~

img

<form onsubmit="saveKeyWord(this)">
    <input type="text" name="s" /><input type="submit" value="搜索" />
</form>
<script>
    var kvKw = localStorage.getItem('kvkw');//获取已保存的查询结果
    if (kvKw) {
        kvKw = JSON.parse(kvKw);
        var s = '关键字列表';
        for (var kw in kvKw) {
            s += '<br>' + kw + '(搜索次数:' + kvKw[kw] + ')';
        }
        document.write(s);
    }
    else kvKw = {};
    function saveKeyWord(f) {
        var s = f.s.value.trim();
        if (s) {
            kvKw[s] = (kvKw[s] || 0) + 1;
            localStorage.setItem('kvkw', JSON.stringify(kvKw));//保存
        }
    }

</script>

通过搜索点击事件,将搜索框里的内容存放到map集合里面,先取出localstorage里的map集合,通过key进行判断是否存在key(商品关键词),如果存在则value+1(搜索次数),不存在将key,value存进去即可,最后将map存到localstorage