JavaScript :: Задачи
http://belarusweb.net
Основы создания сайтов

Сборник упражнений и задач по JavaScript

Пару слов о задачнике

Задачи JavaScript Наш задачник по языку программирования JavaScript содержит стандартные упражнения и задачи с решениями на закрепление теоретических основ излагаемых в учебнике.

Если в ходе освоения учебного материала у вас возникнут трудности, пишите мне в индивидуальный 'Чат с автором' (по возможности стараюсь отвечать всем).

Чтобы посмотреть результат выполнения исходного кода решения задачи во фрейме кодового блока, используйте кнопку 'Результат'.

Оглавление задачника

§1.1. Введение в JavaScript

Напоминаю, на локальном сервере у вас должна быть создана папка 'test', в которой и должны располагаться наши тестируемые файлы: html-страницы, css-таблицы, js-файлы, php-файлы, различные служебные файлы и т.д.

1. Создайте простейшую веб-страницу, в теле документа которой будет присутствовать только один абзац с произвольным текстом. При помощи внешнего скрипта в заголовке документа выведите сообщение 'Всем привет от JavaScript!'. Далее в теле документа перед абзацем используйте встроенный сценарий и выведите сообщение 'Я - встроенный сценарий JavaScript!'. Затем после абзаца при помощи второго внешнего скрипта выведите сообщение 'Я - второй внешний сценарий JavaScript!'. Показать решение.

2. Посмотрите на код ниже и скажите, какой из скриптов запустится первым. Здесь известно, что первый скрипт при первой загрузке документа из-за большего размера загружается дольше второго скрипта. Измените код примера так, чтобы порядок скриптов в коде остался прежним, но первый скрипт стал выполняться вторым. Показать решение.

<!DOCTYPE html>
<html>
<head>
	<!-- Сообщаем браузеру кодировку документа -->
	<meta charset="utf-8">	
	<!-- Не забываем про заголовок документа -->
	<title>Задача №2</title>
</head>
<body>
	<!-- Подключаем 1-й большой по размеру внешний сценарий -->
	<script src="file_1.js"></script>
	
	<!-- Подключаем 2-й малый по размеру внешний сценарий -->
	<script src="file_2.js"></script>
</body>
</html>

Условие задачи №2

3. Создайте простейшую веб-страницу, в теле документа которой будет присутствовать только один абзац с произвольным текстом. В заголовке документа подключите к страничке внешний скрипт, который будет выводить модальное окно с вопросом "Установить синий цвет шрифта?". При нажатии на кнопку 'ОК' должно выводиться сообщение 'Извините, краски закончились!', а при нажатии на кнопку 'Cancel' - 'Ну, и ладненько!'. Показать решение.

4. Создайте простейшую пустую веб-страницу. В теле документа подключите к страничке внешний скрипт, который будет выводить при помощи метода prompt() модальное окно с заголовком "Введите ваш возраст". По умолчанию в поле ввода должно присутствовать значение по умолчанию '25'. При нажатии на кнопку 'ОК' должно выводиться сообщение 'Спасибо, ваш возраст учтен!', а при нажатии на кнопку 'Cancel' - 'Ну, и зря!'. Показать решение.

5. Среди представленных записей укажите литералы: "53", 53, 'Адын кофе', a==5, "a==5", b. Показать решение.

6. Перечислите правильно составленные идентификаторы, сопровождая свой выбор пояснениями: f, f2, d5, 3d, abc, ABC, $h, h$2, _h_2, h_2_, _$h, 2_h, ruEn, d3.f3, d3_f3, d3 f3, эй_Hey, свободный_дом2, ухТы!!!, 3дом_слева, F15, gggggggggg, d'25', s_8. Показать решение.

7. Составьте имя переменной в 'верблюжей' и 'змеиной' нотациях, используя фразу 'show must go on'. Показать решение.

8. Очень внимательно изучите код, представленный ниже. Код не рабочий, т.к. в нем присутствует пара мелких ошибок. Исправьте их, закомментировав часть кода при помощи однострочных или многострочных комментариев (удалять код запрещается!!!). Показать решение.

/это 1-е сообщение
alert('Закомментируйте так, чтобы сообщение вывелось на экран!');

//это 2-е сообщение
alert(''Закомментируйте так, чтобы я тоже вывелось на экран!');

Условие задачи №8

9. Объявите переменную fruits. Отдельной инструкцией присвойте ей значение '5 яблок'. Выведите значение переменной сообщением на экран. Показать решение.

10. Объявите переменную sum. Одной инструкцией объявите две переменных a и b, присвоив им какие-нибудь числа. Присвойте переменной sum сумму переменных a и b. Выведите значение переменной sum на экран. Показать решение.