Rangeslider copy paste not wroking

[dsiosoft]

This is my code in HTML:

<input type="range" value="1" step="1" min="1" max="100" class="myRange"/>												
                                       
<div class="col-md-4 m0p20 replace add_new">
  <div class="blank_content">
    <p>Add another color from color room.</p>
  </div>
</div>

Now I am going to append range slider to another div but Its not working. The another appended rangeslider is not working.
JS:

var slider = document.getElementsByClassName("myRange")[0];
var output = document.getElementsByClassName("range-bar")[0];

output.innerHTML = slider.value+'%';

slider.oninput = function() {
  output.innerHTML = this.value+'%';
}

https://github.com/dsiosoft/accordian-dianoflex.git
This is my uploaded files of this code. check if any query.