Javascript 函数如何干扰addEventListener键控？

我是一个试图使用Pycharm学习django和javascript的新手，这个问题让我发疯

我试图添加一个keyup事件处理程序，但下面的“buildlist”阻止任何东西登录到控制台上。神秘之处在于，当我在另一个python项目上运行它时，为什么这个问题不会发生——我指的是完全相同的代码。我推断它是防止keyup事件控制台记录的函数，但我不明白为什么。此外，当我使用VScode而不是pycharm运行代码时，它工作得很好

如有任何见解，将不胜感激

干杯

J

常数filterTodos=（项）=>{
console.log（术语）
};
const searched=document.getElementById（'searchterm'）；
searched.addEventListener（“keyup”，（）=>{
console.log（'keyup'）；
const term=searched.value.trim（）；
滤嘴（术语）；
});
函数buildlist（）{
const wrapper=document.getElementById（'mainbox'）；
var url='1〕http://127.0.0.1:8000/api'
获取（url）
.然后（（resp）=>resp.json（））
.then（功能（数据）{
console.log（'repdata:'，data）
var列表=数据；
用于（列表中的var i）{
变量项=`
${list[i].vocab}，${list[i].means}
`
wrapper.innerHTML+=项目
}
}
)
}
buildlist（）；

<script>
        const filterTodos = (term) => {
            console.log(term)
      };

        const searched = document.getElementById('searchterm');

        searched.addEventListener("keyup", () => {
            console.log('keyup');
            const term = searched.value.trim();
            filterTodos(term);
      });

      function buildlist() {
        const wrapper = document.getElementById('mainbox');
        var url = 'http://127.0.0.1:8000/api'
        fetch(url)
        .then((resp) => resp.json())
        .then(function(data){
          console.log('repdata: ', data)

          var list = data;
          for (var i in list) {
            var item = `
            <div style="flex:7">
             ${list[i].vocab}, ${list[i].meaning} </div>
            `
            wrapper.innerHTML += item
          }
        }
        )
      }
      buildlist();


     </script>