Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Поиск по сайту
Лабораторные работы по Javascript
Элементы языка
- Написать программу, которая содержит не менее 5-и переменных. Присвоить им значения разных типов и с помощью функции typeof() вывести тип каждой переменной на экран браузера.
- Присвоить значения двум переменным. С помощью операторов сравнения проверить, удовлетворяет ли первая переменная слудующим условиям:
- равна второй;
- меньше второй;
- меньше или равна второй;
- больше второй.
Управление потоком
- Определить переменную age.
- C помощью инструкции if вывести на экран строку "Для молодежи", если переменная age находится в диапазоне от 18 до 30. Если значение переменной вне этого диапазона, то вывести строку "Для всех возрастов".
- Сделать то же самое, но если переменная age находится в диапазоне от 1 до 17, то вывести строку "Для детей".
- Написать цикл while, который будет выводить на экран все нечетные числа от 0 до 50.
- Сделать то же самое с помощью цикла for.
- С помощью цикла for-in вывести на экран все свойства объекта document.
Массивы
- Создать массив, наполнить его случайными значениями, найти максимальное и минимальное значение и поменять их местами. Вывести на экран.
- Создать ассоциированный массив, содержащий названия книг, организованных по авторам. Имена полей будут авторы ("Пушкин", "Есенин", "Данцова" и пр.), а элементами – названия книг.
- Просмотреть созданный массив в цикле, выводя автора и связанные с ним книги на экран.
- Создайте массив из 10 различных целочисленных эллементов. Выведите их на экран. Посчитайте их сумму и выведите значение на экран.
Функции
- Создать функцию, которая выводит текст с разным размером шрифта. Функция имеет два аргумента: текстовая строка и размер шрифта.
Используйте style-свойство
fontSize
- Создать функцию, которая принимает четыре текстовые строки, а выводит html-код таблицы, где каждая из исходных строк расположена в отдельной ячейке. Используйте теги оформления таблиц: table, tr, td.
Строки
- Проверить, содержит ли адрес электронной почты символ @, и выведите предупреждающее сообщение, если такого символа нет.
- Создать массив, состоящий из целочисленных и вещественных значений. Отсортировать массив.
Вывести значения отсортированного массива в виде таблицы с выравниванием по правому краю. Использовать
sort()
,style.textAlign='right';
- Создать строку, содержащую таблицу:
Всем td добавить'<table><tr><td>0</td><td>1</td><td>2</td></tr>'+ '<tr><td>3</td><td>4</td><td>5</td></tr>'+ '<tr><td>6</td><td>7</td><td>8</td></tr></table>'
style="text-align:right;"
. Вывести таблицу на экран.
Объект Window
- Используя свойства элемента IMG style.top и style.left, сделайте страничку, на которой небольшая картинка каждую секунду возникает в новом месте экрана. Используйте setInterval.
- С помощью таблицы 9х9 расчертите экран как черно-белую шахматную доску. Используя функцию eval, меняйте каждые полсекунды цвет ячеек друг с другом.
Объект Document
- Используя свойство динамического содержания innerHtml, сделайте страницу с текстом:
Лучшее время года – …!
Названия времен года каждые две секунды сменяют друг друга на месте многоточия.
Cookie
- Создать страницу, размер текста на которой можно изменять с помощью кновок A+ / A-. Выбор пользователя запомнинать в cookie и при следующем входе на страницу сразу отображать ее запомненным размером шрифта
DOM
- создать следующую структуру с использованием DOM методов: appendChild, createElement, createTextNode, setAttribute:
<div> Привет, <span style="font-size:150%">Лена</span> </div>
- Найти на странице все <b> и изменить их размер на 15px. Использовать getElementsByTagName, setAttribute
Перехват и обработка событий
- создать страницу, на которой в DIV-блок будут выводится текущие координаты курсора мышки и код нажатой клавиши на клавиатуре:
Формы
- Написать программу-калькулятор, которая позволит пользователю передать два числа и указать арифметическую операцию, выполняемую над ними.
- В левом верхнем углу экрана – список из пяти цветов. В правом верхнем углу – черный квадрат. Цвет квадрата можно поменять, используя список.