<h1>Golf Scorecard</h1>

<p class="score">
  You are at par
</p>

<div class="button-container">
  <button data-offset="-1">▼</button>
  <span class="tooltip">Lower score</span>
</div>

<div class="button-container">
  <div class="button" data-offset="1">▲</div>
  <span class="tooltip">Increase score</span>
</div>

<footer>
  Triggering the button shouldn't have scrolled the page!
</footer>