在JavaScript中从范围滑块变量设置cookie

我无法将我的range sliders变量设置为cookie，尝试使用当前代码时会抛出此错误[object HtmlSpanement]，其他cookie在同一页上创建，然后在另一页上输出，效果良好。多谢各位

<div class="""slidecontainer">
  <center>
    <input type="range" min="1500" max="2019" value="2019" class="slider" id="range">
  </center>
  <p>
    <center>Year: <span id="value"></span>
  </p>
  <p>
    <center>OutputVar: <span id="outputVar"></span>
  </p>  
</div>

<script>
  var slider = document.getElementById("range");
  var output = document.getElementById("value");
  var outputVarNo = document.getElementById("outputVar");
  output.innerHTML = slider.value;

  slider.oninput = function() {
    output.innerHTML = this.value;
    outputVarNo = this.value;
    outputVarNo.innerHTML = this.value;
  }

  slider.onchange = function(event){
    var output = document.getElementById("outputVar");
    output.innerHTML = slider.value;
    document.cookie = 'timeChosen + "=" + output' ;
  }

年份：


输出变量：

var slider=document.getElementById（“范围”）；
var输出=document.getElementById（“值”）；
var outputVarNo=document.getElementById（“outputVar”）；
output.innerHTML=slider.value；
slider.oninput=函数（）{
output.innerHTML=this.value；
outputVarNo=此值；
outputVarNo.innerHTML=this.value；
}
slider.onchange=函数（事件）{
var output=document.getElementById（“outputVar”）；
output.innerHTML=slider.value；
document.cookie='timeselected+“=”+output'；
}

我相信问题就在这里-您添加了

输出

，这是一个HTML span元素，当转换为字符串时，将提供字符串输出

[object HTMLSpanElement]

document.cookie = 'timeChosen + "=" + output';

我猜您希望将值写入

timeselected

cookie，其写入方式如下：

document.cookie = "timeChosen=" + slider.value;