题解 | #数组过滤#

// 错误示例 : select.onchange(function () {})

// 正确示例 : select.onchange = function () {}

// 错误示例 : const str = '' /n str += `<li>${item.name}</li>`

const 一般定义常量 和 对象 常量是不变的 而对象的地址是不可变,内容可变

// 正确示例 : let str = '' /n str += `<li>${item.name}</li>`

// 以下代码还可以简化 ,可以参考各伴大神的,我这个是初级版本的

     // 
	 select.onchange = function () {
            const selectValue = select.value
          
            if (selectValue == 1) {
                console.log(1);
               const tt =  cups.filter(item => item.sales <100)
                console.log( tt);
                let str = ''
                tt.forEach(item=>{
                    console.log(`${item.name}`);
                    // str += `<li>${item.name}</li>`
                    str += `<li>${item.name}</li>`
                })

                ul.innerHTML = str
            }else if (selectValue == 3) {
                console.log(1);
               const tt =  cups.filter(item => item.sales > 500)
                console.log( tt);
                let str = ''
                tt.forEach(item=>{
                    console.log(`${item.name}`);
                    // str += `<li>${item.name}</li>`
                    str += `<li>${item.name}</li>`
                })

                ul.innerHTML = str
            }else if (selectValue == 2) {
                console.log(1);
               const tt =  cups.filter(item => item.sales >= 100 && item.sales < 500 )
                console.log( tt);
                let str = ''
                tt.forEach(item=>{
                    console.log(`${item.name}`);
                    // str += `<li>${item.name}</li>`
                    str += `<li>${item.name}</li>`
                })
                ul.innerHTML = str
            }

        }