app.js

//---------------------------------------------
//   DOCUMENT READY
//---------------------------------------------

$(document).ready(function() {

  //---------------------------------------------
  //   Like
  //---------------------------------------------

  $(".js-like").on("click", function(event) {
    event.preventDefault();

    $(this).text("Liked!")
      .closest(".news-item")
      .addClass("is-liked");
  });

  //---------------------------------------------
  //   Add Link
  //---------------------------------------------

  $(".js-add-link").on("click", function(event) {
    event.preventDefault();

    $(".js-form").toggleClass("is-visible");
  });

  //---------------------------------------------
  //   Modal
  //---------------------------------------------

  $(".js-show-modal").on("click", function(event) {
    event.preventDefault();

    $(".js-modal").addClass("is-visible");
    $(".js-modal-overlay").addClass("is-visible");
  });
  
  $(".js-modal-overlay").on("click", function(event) {
    event.preventDefault();

    $(".js-modal").removeClass("is-visible");
    $(".js-modal-overlay").removeClass("is-visible");
  });
});