scripts.js

var deleteButton = $('.delete-button');
var bookmarkCard = $('.card');
var rightSide = $('.right-side');

rightSide.on('click', '.delete-button', deleteBookmark);
$('body').on('click', '.clear-bookmarks-button', deleteAllBookmarks);
rightSide.on('click', '.read-button', markAsRead);

$('.enter-button').on('click', function(){
  var titleInput = $('.title-input');
  var websiteInput = $('.website-input');
  if (titleInput.val() === '' || validURL() == false) {
    alert('Please enter a title and valid URL');
    $('.enter-button').attr('disabled')
    $('.title-input').focus()
  } else {
    rightSide.append('<article class=\"card\"> <h2 class=\"card-title\">' + titleInput.val() + '</h2><a href=\"' + websiteInput.val() + '\" class=\"card-url\">' + websiteInput.val() + '</a><button class=\"card-button read-button\">Read</button><button class=\"card-button delete-button\">Delete</button></article>');
  websiteInput.val('');
  titleInput.val('');
  readCounter();
  linkCounter();
  $('.title-input').focus()
  }
});

function deleteBookmark() {
  $(this).closest('article').remove();
  linkCounter();
  readCounter();
}

function deleteAllBookmarks() {
  $('.read-card').remove();
  linkCounter();
  readCounter();
}

function markAsRead() {
  $(this).toggleClass('read');
  $(this).closest('article').toggleClass('read-card');
  $(this).siblings('a').toggleClass('change-underline');
  readCounter();
}

function readCounter() {
  var testR = $('.test-read');
  testR.text($('.read').length);
}

function  linkCounter() {
  var links = $('.card').length;
  $('.count').text(links);
}

function validURL (){
  var validateUrl = /^(http|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-_])+(.[a-z])?/;
  var regex = new RegExp(validateUrl);
  var websiteAddress = $('.website-input').val();
  if (websiteAddress.match(regex)) {
    return true
  }else {
    return false;
  }
};