JavaScript：过滤后的数据不'；不显示在DOM上

理想情况下，代码是在提交表单后在网页上显示一些数据：

HTML:

---

另外，我无法获取代码的最后一部分。。。这是从一个类似的问题线程中获取的。

对于您的第一个问题：将按钮的类型更改为

type=“button”

@Andreas嘿，谢谢！它确实有用！

<form>
    <input id="label" type="text">
    <button id="label_btn" type="button">Submit</button>
</form>

<div id="plate"></div>

const all_levels = [{"word": "花", "label": "は", "english": "flower"}, {"word": "八", "label": "は", "english": "eight"}, {"word": "七", "label": "な", "english": "seven"}, {"word": "六", "label": "ろ", "english": "six"}]

const label = document.querySelector('#label'),
      labelBtn = document.querySelector('#label_btn'),
      plate = document.querySelector('#plate');

labelBtn.addEventListener('click', () => {
    let words = [];
    if (label.value == "") 
        words = all_levels;
    else {
        const inputValue = label.value.split(', ')
        for (input of inputValue) 
          words.push(...all_levels.filter(word => word.label == input))
        // console.log(words)
        return words;
    }

    plate.innerHTML = words.map(word => 
        `<p class="word">
            ${word.word}
            <span>${word.english}</span>
        </p>`
    ).join("");
});

else {
    words = all_levels.filter(word, i => {
      return this.keys.indexOf(i.word.label) > -1;
    }, {
      "keys" : ["は", "な"]
    }
}