title: addEventListener to range input slider to show other element
body: <p>For a project I need to display an element only after the slider has been touched/moved. My javascript skills are very limited, and I tried a lot of different things but it never worked. </p>
  
  <p>Here is a link to the js fiddle (test_id is the element I want to display once the slider has been touched/moved): 
  <a href="https://jsfiddle.net/dominikmeier/5r1Lnsyz/#&amp;togetherjs=5B6pFpLVQ5" rel="nofollow noreferrer">https://jsfiddle.net/dominikmeier/5r1Lnsyz/#&amp;togetherjs=5B6pFpLVQ5</a></p>
  
  <pre><code>&lt;div class="form-group required"&gt;
     &lt;label class="col-form-label" for="id_kept"&gt;Slider:&lt;/label&gt;
     &lt;div class="controls  field-offer"&gt;
        &lt;div class="input-group slider" data-slider&gt;
            &lt;input type="range" name="kept" value="-1" step="1" min="0" max="10" required id="id_kept" class="form-control" /&gt;
            &lt;div class="input-group-append"&gt;
               &lt;span class="input-group-text" data-slider-value title="current value" id="front_stagger_output_s" /&gt;
            &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="test" id = "test_id"&gt;
     test
  &lt;/div&gt;
  </code></pre>
  
  <p>Sorry for the "beginner" question but I tried the whole day and couldn't find an answer. Thanks for you help!</p>