使用javascript价格范围下拉菜单更改文本onblur

<input type="text" id="priceInput" onblur="updateText()" placeholder="请输入价格">
<select id="rangeSelect" onchange="updateText()">
  <option value="0-100">0-100</option>
  <option value="100-500">100-500</option>
  <option value="500-1000">500-1000</option>
</select>
<p id="resultText"></p>

function updateText() {
  var priceInput = document.getElementById("priceInput");
  var rangeSelect = document.getElementById("rangeSelect");
  var resultText = document.getElementById("resultText");
  
  var price = priceInput.value;
  var range = rangeSelect.value;
  
  if (price && range) {
    var priceRange = range.split("-");
    var minPrice = parseInt(priceRange[0]);
    var maxPrice = parseInt(priceRange[1]);
    var inputPrice = parseInt(price);
    
    if (inputPrice >= minPrice && inputPrice <= maxPrice) {
      resultText.innerHTML = "价格在范围内";
    } else {
      resultText.innerHTML = "价格不在范围内";
    }
  } else {
    resultText.innerHTML = "";
  }
}