title: On click scroll up or down 100vh pure javascript
body: <p>I am trying to implement a simple button that on click will scroll the page either up or down 100vh between my sections. I can see plenty of examples doing this with jQuery but I'm looking for a pure javascript solution. I'm not to sure how to achieve it.</p>
  
  <p>Appreciate any advice.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;section class="section section-1"&gt;
    &lt;div class="btn"&gt;&lt;/div&gt;
  &lt;/section&gt;
  &lt;section class="section section-2"&gt;
    &lt;div class="btn"&gt;&lt;/div&gt;
  &lt;/section&gt;
  &lt;section class="section section-3"&gt;
    &lt;div class="btn"&gt;&lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.section {
    width: 100%;
    height: 100vh:
  }
  </code></pre>
  
  <p>This is what I have come up with so far</p>
  
  <pre><code>for (var s = 0; s &lt; btn.length; s++) {
      btn[s].addEventListener('click', function(){
          window.scrollBy(0,1000);
      });
  }
  </code></pre>