React & search & keyboard ghost

React & search & keyboard ghost

DOM events

https://www.w3schools.com/jsref/dom_obj_event.asp

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_oninput

// input

function myFunction() {
    var x = document.getElementById("myInput").value;
    document.getElementById("demo").innerHTML = "You wrote: " + x;
}

sprite & elves & fairy

精灵

https://cn.bing.com/translator?ref=TThis&&text=&from=&to=en

---

String.startsWith

btn.addEventListener(`click`, () => {
    let value = window.SEARCH_VALUE
    console.log(`window.SEARCH_VALUE = `, value);
    // filter datas
    const arr = ["uid-x1", "uid-x2", "uid-x3"];
    let new_arr = arr.filter(
        (item, i) => {
            if (item.startsWith(value)) {
            // if (item.includes(value)) {
                return item;
            } else {
                // do nothing
            }
        }
    );
    console.log(`new arr =`, new_arr);
});