scripts.js

// Facebook
window.fbAsyncInit = function() {
  FB.init({
    appId            : '325668981568930',
    autoLogAppEvents : true,
    xfbml            : true,
    version          : 'v3.0'
  });
};

(function(d, s, id){
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) {return;}
   js = d.createElement(s); js.id = id;
   js.src = "https://connect.facebook.net/en_US/sdk.js";
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));

// Twitter
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');

// Document ready exercise 2.9
$(document).ready(function(){
  // $(".message-box").css("border", "2px solid red");
  // Work sections
  for (var i = 0; i < works.length; ++i) {
    $("#work").append("\
      <div class='col-6 col-md-4 col-lg-3'>\
        <img class='img-responsive' src='" + works[i] + "'>\
      </div>\
    ");
    var images = $ ("#work img");
    console.log (images[i]);
    if (i % 2 === 0) {
      $ (images[i]) .css ("border", "2px solid DodgerBlue");
    } else {
      $ (images[i]) .css ("border", "2px solid salmon");
    };
  };
});

// Smooth scrolling
var $root = $('html, body');
$('#navbar-example a').click(function() {
  var href = $.attr(this, 'href');
  if (href != undefined && href != '#') {
    $root.animate({
      scrollTop: $(href).offset().top
    }, 500, function () {
      window.location.hash = href;
    });
  }
  return false;
});

// Tooltips
$(function () {
  $("#background").tooltip();
});
$(function () {
  $('[data-toggle="tooltip"]').tooltip();
});

// Form submit
// $("#button").on("click", function() {
//   var comment = $(".message-box").val();
//   console.log (comment);
//   $("#visible-comment").html(comment + " - message received").css("text-transform", "uppercase");
//   $(".message-box").hide();
//   return false;
// });

// Excercise 2.8
$(".message-box").on("keyup", function() {
  console.log ("keyup done!")
  var charCount = $(".message-box").val().length;
  console.log (charCount);
  $("#char-count").html(charCount);
  if (charCount > 50) {
    $("#char-count").css("color", "red");
  } else {
    $("#char-count").css("color", "black");
  };
});

$("#button").on("click", function() {
  var comment = $(".message-box").val();
  console.log (comment);
  if (comment === "") {
    $(".message-box").css("border", "2px solid red");
    console.log ("no message entered")
    return false;
  } else {
    $("#visible-comment").html(comment);
    $(".message-box").hide();
    console.log ("message received")
    return false;
  };
});
if (4 === 4) {
  console.log ("4 is indeed 4");
} else {
  console.log ("you can't compare those");
};