智能提示

终于有一题我直接通过了，前面的几题都是本地好用，测试不通过，害我找了半天问题。但这题直接拿下！

function suggest(items) {
   let ul = document.getElementsByTagName('ul')[0];
        let jsSuggest = document.getElementsByClassName('js-suggest')[0];
        let jsInput = document.getElementsByClassName('js-input')[0];

        console.log(jsInput);

        let reg = '';
        let keyWord = jsInput.value.trim();
        
        //一共有12个特殊字符
        let special = ['(',')','.','[','{','|','\\','?','+','*','^','$'];
        keyWord.split('').forEach((s) => {
            if(special.includes(s)) {
                s = '\\' + s;
            }
          reg += `${s}.*?`;
        });
        reg = `^.*?${reg}$`;

        items = items.filter((item) => {
            console.log('拼接的正则',reg)
            console.log('匹配的内容',item)
            console.log('',new RegExp(reg).test(item))
          return keyWord.length != 0 && new RegExp(reg).test(item);
        });

        if (items.length != 0) {
          jsSuggest.classList.remove('hide');
          ul.innerHTML = '';
            console.log(jsInput.value,'进入')
          for (let i = 0; i < items.length; i++) {
                let liNew = document.createElement('li');
                console.log(liNew,'新节点')
                liNew.innerHTML = items[i];
                ul.appendChild(liNew);
          }
        } else {
          ul.innerHTML = '';
          jsSuggest.classList.add('hide');
        }
    
}

function suggest(items) {
    let ipt = document.querySelector('.js-input').value;
    let dv = document.querySelector('.js-suggest');
    let ul = document.querySelector('ul');
    let len = ul.children.length;
    // console.log('len', len);

    // 清空ul
    for (let i = 0; i < len; i++) {
        let li = document.querySelector('li');
        ul.removeChild(li);
    }
    // console.log(ul.children.length);

    ipt = ipt.trim();
    // 输入为空
    if (!ipt) {
        dv.classList.add('hide');
        return;
    }

    // 构造reg的时候，ipt如果是特殊字符，要转义
    let reg = '';
    const regKey = ['(', ')', '.', '?', '^', '/', '\\', '*', '[', ']', '|', '+', '{', '}', '$'];
    console.log(regKey.length);
    for (i of ipt) {
        if (regKey.includes(i)) {
            i = '\\' + i;
        }
        reg += i +'.*?';
    }
    // console.log(reg);
    reg = new RegExp(reg);

    // 匹配
    for (i of items) {
        if (reg.test(i)) {
            let tip = document.createElement('li');
            tip.innerHTML = i;
            ul.appendChild(tip);
        }
    }
    dv.appendChild(ul);

    // 要考虑ipt不为空但是没有匹配到
    if (ul.children.length){
        dv.classList.remove('hide');
    } else {
        dv.classList.add('hide');
    }
}

function suggest(items) {
    var inputEl = document.getElementsByClassName('input')[0];
    var inputVal = inputEl.value.trim();
    var suggestEl = document.getElementsByClassName('js-suggest')[0];
    var isHide = false;
    input.addEventListener('change', inputChange);
    var inputChange = function(e){
        inputVal = e.target.value.trim();
        var regStr = '';
        for(let i=0, arr=inputVal.split('');i<arr.length;i++){
            regStr += `${arr[i]}.*?`;
        }
        let reg = new RegExp(regStr, gi);
        var resItems = items.filter(item => reg.test(item));
        isHide = inputVal === '' || resItems.length === 0;
        if(isHide){
            let liEls = suggestEl.getElementsByTagName('li');
            for(let i=0;i<liEls.length-1;i++){
                suggestEl.children[0].removeChild(liEls[0]);
            }
            suggestEl.classList.add('hide');
        }else{
            suggestEl.classList.remove('hide');
            for(let i=0;i<resItems.length-1;i++){
                let li = document.createElement('li');
                li.innerText = resItems[i];
                suggestEl.children[0].appendChild(li);
            }
        }
    }
}

没跑通过，但是感觉应该没问题？