如何仅使用javascript过滤具有两个输入的价格范围

<!-- HTML代码 -->
<input type="number" id="minPrice" placeholder="最低价格">
<input type="number" id="maxPrice" placeholder="最高价格">
<button onclick="filterProducts()">筛选</button>
<ul id="productList"></ul>

<script>
  // JavaScript代码
  function filterProducts() {
    var minPrice = parseInt(document.getElementById("minPrice").value);
    var maxPrice = parseInt(document.getElementById("maxPrice").value);
    
    // 假设有一个商品列表数组
    var productList = [
      { name: "商品1", price: 100 },
      { name: "商品2", price: 200 },
      { name: "商品3", price: 150 },
      { name: "商品4", price: 300 },
      { name: "商品5", price: 250 }
    ];
    
    var filteredProducts = [];
    
    for (var i = 0; i < productList.length; i++) {
      var product = productList[i];
      
      if (product.price >= minPrice && product.price <= maxPrice) {
        filteredProducts.push(product);
      }
    }
    
    var productListElement = document.getElementById("productList");
    productListElement.innerHTML = ""; // 清空原有列表
    
    for (var i = 0; i < filteredProducts.length; i++) {
      var li = document.createElement("li");
      li.textContent = filteredProducts[i].name;
      productListElement.appendChild(li);
    }
  }
</script>