Подключение JavaScript. Пишем первый скрипт.

Для создания более динамичного контента сайта, используют JavaScript. Файл JavaScript создается также в любом блокноте, и сохраняется с расширением "js". Для подключения к сайту JavaScript файла, используют тэг <script>, как показано в примере:
<HTML>
	<HEAD>
		<TITLE>Создание сайта</TITLE>
		<!--
		Создаем папку "js", и оттуда подключаем JavaScript плагин - JQuery.
		Мы будем учиться программировать на нем, т.к. на нем гораздо удобнее.
		Скачать его можно ниже.
		-->
		<script src="js/jquery-2.1.3.min.js"></script>
		<!--
		А также создайте файл "myfirstjs.js" и подключите его
		Этот файл будет содержать наши JavaScript коды.
		-->
		<script src="js/myfirstjs.js"></script>
		<!--Также создаем папку "css", для наших стилей. Подключаем "style.css"-->
		<link rel="stylesheet" type="text/css" href="css/style.css">
	<HEAD>
	<BODY>
		<span id="alert">Мой сайт</span>
	</BODY>
</HTML>

Скачать JQuery Плагин версии 2.1.3 или Полный архив урока.

В наш JavaScript файл, "myfirstjs.js", прописываем код:
// Это означает, выполнять код при загрузке страницы.
$(document).ready(function() {
	// При нажатии на элемент с id="alert", выполняется функция
	$(document).on("click", "#alert", function() {
		// Вывести сообщение в браузер пользователя
		alert("Вы нажали на надпись!");
	});
});

Должно получиться вот так, попробуйте нажать на надпись, и вы увидите вывод JavaScript скрипта.
Мой сайт

Скачать коды урока