Установить cookie из переменной ползунка диапазона в JavaScript

Question

Мне не удается установить переменную ползунка диапазона в качестве файла cookie, при попытке с текущим кодом выдает эту ошибку [объект HTMLSpanElement], другие файлы 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' ;
  }

Answer 1

Я считаю, что проблема здесь - вы добавляете output, который является HTML-элементом span, который при преобразовании в строку дает строковый вывод [object HTMLSpanElement].

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

Я думаю, вы хотитезапишите значение в timeChosen cookie, которое будет выглядеть так:

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