И зучаю JavaScript
Создал создал следующие фаилы по примерам книги.
index.html
----------------------------------------------------------------------------------------------------
<!doctype html>
<html>
<head>
<title>Amazeriffic</title>
<link href="stylesheets/reset.css" rel="stylesheet" type="text/css">
<link href="stylesheets/style.css" rel="stylesheet" type="text/css">
<meta charset="utf-8">
</head>
<body>
<header>
<div class="container">
<h1>Amazeriffic</h1>
<nav>
<a href="#">Войти</a> |
<a href="#">ВиО</a> |
<a href="#">Техподдержка</a>
</nav>
</div>
</header>
<main>
<div class="container">
<div class="tabs">
<a href=""><span class="active">Новые</span></a>
<a href=""><span>Старые</span></a>
<a href=""><span>Добавить</span></a>
</div>
<div class="content">
<ul>
<li>Купить продукты</li>
<li>Обновить несколько новых задач</li>
<li>Подготовится к лекции в понедельник</li>
<li>Ответить на письма нанимателей в LinkeIn</li>
<li>Вывести грейси на прогулку в парк</li>
<li>Закончить писать книгу</li>
</ul>
</div>
</div>
</main>
<footer>
<div class="container">
<div class="left">
<div class="contact">
<h5>Свяжитесь с нами</h5>
<p>Amazeriffic!</p>
<p>555 50-я улица</p>
<p>Эшвилл, Северная Каролина 28801</p>
</div>
</div>
<div class="sitemap">
<h5>Карта сайта</h5>
<ul>
<li><a href="#">Домой</a></li>
<li><a href="#">О нас</a></li>
<li><a href="#">Право</a></li>
<li><a href="#">Техподдержка</a></li>
<li><a href="#">ВиО</a></li>
<li><a href="#">Вакансии</a></li>
</ul>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="scripts/app.js"></script>
</body>
</html>
-----------------------------------------------------------------------------------------------------
app.js
---------------------------------------------------------------------------------------------------------
var main = function () {
"use strict";
// var toDos = [
// "Закончить писать эту книгу",
// "Вывести грейси на прогулку в парк",
// "Ответить на электронные письма",
// "Подготовится к лекции в понедельник",
// "Обновить несколько новых задач",
// "Купить продукты"
// ];
$(".tabs a span").toArray().forEach(function (element) {
$(element).on("click", function () {
var $element = $(element);
$(".tabs a span").removeClass("active");
$element.addClass("active");
$("main .content").empty();
if ($element.parent().is(":nth-child(1)")) {
console.log("Шелчек на первой вкладке!");
} else if ($element.parent().is(":nth-child(2)")) {
console.log("Шелчек на первой вкладке!");
} else if ( $element.parent().is(":nth-child(3)")) {
console.log("Шелчек на первой вкладке!");
}
return false;
});
});
};
--------------------------------------------------------------------------------
немогу понять, почему невыводятся сообщения console.log в лог браузера????
Помогите выявить ошибку.