我想在输入3个字符后开始在datalist中搜索？

<input list="options">
<datalist id="options">
  <option value="Option 1">
  <option value="Option 2">
  <option value="Option 3">
  <option value="Option 4">
</datalist>

<input id="searchInput" list="options">
<datalist id="options">
  <option value="Option 1">
  <option value="Option 2">
  <option value="Option 3">
  <option value="Option 4">
</datalist>

<script>
  const input = document.getElementById('searchInput');
  input.addEventListener('input', function() {
    const value = this.value;
    if (value.length >= 3) {
      // 根据输入的字符进行搜索逻辑
      searchOptions(value);
    }
  });

  function searchOptions(keyword) {
    // 在datalist中搜索匹配的选项
    const options = document.getElementById('options').options;
    for (let i = 0; i < options.length; i++) {
      const option = options[i];
      if (option.value.includes(keyword)) {
        console.log(option.value);
      }
    }
  }
</script>