Untitled

<!DOCTYPE html>
<html>

  <head>
    <script data-require="jquery@*" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <h1>Try this out!</h1>
    <div class="card">C0</div>
    <div class="card">C1</div>
    <div class="card">C2</div>
    <div class="card">C3</div>
    <div class="card">C4</div>
  </body>

</html>


$(document).ready(function() {
  $('.card').each(function(idx) {
    $(this).on("click", function() {
      revealCard(idx);
    });
  });

  function revealCard(i) {
    alert("revealCard(" + i + ")");
  }
})

/* Styles go here */