怎么使用数组存储用户的输入记录,然后放到cookie中

cookie怎么操作?
只需要获取一个指定的input的输入数据,
源码



    <div class="">
    <div class="">
        <div class="">
            <a href="javascript:;" class="">取消</a>
            <div class="">
                <input placeholder="请输入关键词信息搜索" class="" id="search_text">
                <a class="" οnclick="toSearch()"></a>
            </div>
        </div>
    </div>
</div>
<div class=""></div>
<div class="">
    <!-- 头部标题 -->
    <div class="search_head">
        <ul class="">
            <li>
                <b class="history_item">搜索记录</b>
                <a href="javascript:;" οnclick="emptyHistory()" class=""></a>
            </li>
        </ul>
    </div>
    
    <!-- 用来显示搜索条目 -->
    <div>
        <ul id="history">
        </ul>
    </div>
 
</div>

用户的输入记录一般存在localStorage

 var arr=[1,2,3];
localStorage.setItem("history",arr); //存入 参数: 1.调用的值 2.所要存入的数据 
console.log(localStorage.getItem("history"));//输出

获取到之后 存进 cookie
https://www.runoob.com/js/js-cookies.html