a href przekazanie wartości ze slidera w url ?

<div> <a href=\xyz\><button>SendURL</button></a></div>
<div class="slidecontainer">
  <input type="range" min="1" max="100" value="50" class="slider" id="myRange">
  <p>Value: <span id="demo"></span></p>
</div>

<script>
var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = myRange.value;

slider.oninput = function() {
  output.innerHTML = this.value;
}
</script>

W pierwszej linijce po kliknięciu przycisku wysyłany jest url z końcówką /xyz/
Wartość ze slidera mogę wyekstrachować do:

 <span id="demo"></span>

W jaki sposób przekazać wartość slidera do url? Tak nie działa.

<div> <a href=\  <span id="demo"></span> \><button>SendURL</button></a></div>

Wrzuć to proszę na http://jsfiddle.net i podeślij link

Już sobie poradziłem, poniżej rozwiązanie gdyby ktoś miał podobny problem.

<div class="slidecontainer">
  <input type="range" min="1" max="100" value="50" class="slider" id="myRange">
  <a id="demo"></a>
</div>

<script>
var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
var sc = 50;
output.innerHTML = myRange.value;

slider.oninput = function() {
  output.innerHTML = this.value;
  sc = this.value;
}
</script>


<a href="2.html" onclick="location.href=this.href+'?key='+sc;return false;"><button>SendURL</button></a>