Javascript 我想做一个范围滑块程序来获得用户的详细信息，然后给用户估计，但我可以'；t获取存储在变量中的值，以便在其他情况下使用 1 200 500 1111

一个滑块的JS代码我想存储范围数据来计算两个速率一个没有折扣，一个有折扣，但我不能在外部获取范围数据存储或访问它 我尝试制作另一个函数RangeSloider来获取数据输入，但它无法工作

    <div class="value">1</div>
<input type="range" min="1" max="100" step="1" value="1">
<p id="first">200</p>
<p id="second">500</p>
<p id="1first">1111</p>

var slide=document.querySelector（'input[type=“range”]”）；
var elem=document.querySelector（'input[type=“range”]”）；
var rangeValue=函数（）{
var newValue=元素值；
document.querySelector（'.value'）。innerHTML=newValue；
每年风险值=插入指令（335+（70*新值））；
document.querySelector（“.first”）.innerHTML=每年；
var perTen=insertCommas（335+（110*newValue））；
document.querySelector（“.second”）.innerHTML=perTen；
var perTwenty=insertCommas（505+（130*newValue））；
document.querySelector（“.third”）.innerHTML=perTwenty；
}
元素addEventListener（“输入”，范围值）；
var rangeSlide=函数（）{
var x=滑动值；
if（x<2）{
圆盘=5；
}
如果（x=<4&&x>2）{
圆盘=10；
}
document.querySelector（'#value'）.innerHTML=x；
var perYear1=插入命令（335+（70*x））；
document.querySelector（“#first”）.innerHTML=perYear1；
var perTen2=插入命令（disc）；
document.querySelector（“#second”）.innerHTML=perTen2；
var perTwenty3=插入命令（505+（130*x））；
document.querySelector（“#third”）.innerHTML=perTwenty3；
}
slide.addEventListener（“输入”，范围幻灯片）；
函数insertCommas（x）{
返回parseInt（x）.toString（）；
}

有人能帮忙吗！！

<script type="text/javascript">
           var slide = document.querySelector('input[type="range"]');
        var elem = document.querySelector('input[type="range"]');

var rangeValue = function(){
  var newValue = elem.value;
  document.querySelector('.value').innerHTML = newValue;
  var perYear = insertCommas(335+(70 * newValue));
  document.querySelector(".first").innerHTML = perYear;
  var perTen = insertCommas(335+(110 * newValue));
  document.querySelector(".second").innerHTML = perTen;
  var perTwenty = insertCommas(505+(130 * newValue));
  document.querySelector(".third").innerHTML = perTwenty;
}
elem.addEventListener("input", rangeValue);


var rangeSlide = function(){
  var x = slide.value;
  if (x < 2) {
    disc = 5;
  }
  if (x = < 4 && x > 2) {
    disc = 10;
  }
  document.querySelector('#value').innerHTML = x;
  var perYear1 = insertCommas(335+(70 * x));
  document.querySelector("#first").innerHTML = perYear1;
  var perTen2 = insertCommas( disc);
  document.querySelector("#second").innerHTML = perTen2;
  var perTwenty3 = insertCommas(505+(130 * x));
  document.querySelector("#third").innerHTML = perTwenty3;
}
slide.addEventListener("input", rangeSlide);


function insertCommas(x) {
  return parseInt(x).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
</script>