1. Разместите на странице картинку и кнопку “в центр”, которая должна перемещать картинку примерно в центр экрана. 2. Добавьте кнопку “Обратно”, которая должна возвращать картинку на место.

4. Переменная и функция

Понятие переменной

В зависимости от того, для чего вы делаете скрипт, понадобится работать с информацией. Если это электронный магазин, то это товары, корзина. Если чат — посетители, сообщения и так далее. Чтобы хранить информацию, используются переменные.

Переменная состоит из имени и выделенной области памяти, которая ему соответствует.

Для объявления или, другими словами, создания переменной используется ключевое слово var (от англ. variable — переменная): var message;

После объявления можно записать в переменную значение: var message; message = 'Привет'; // сохраним в переменной строку

Эти данные будут сохранены в соответствующей области памяти и в дальнейшем доступны при обращении по имени: var message; message = 'Привет'; window.alert(message); // выведет значение переменной

Для краткости можно совместить объявление переменной и запись значения: var message = 'Привет';

Проще всего понять переменную, если представить ее как «коробку» для данных, с уникальным именем. Например, переменная message — это коробка, в которой хранится значение "Привет". В переменной можно сохранить любое значение, а позже поменять его. Значение в переменной можно изменять сколько угодно раз:

var message; message = 'Привет'; message = 'Мир'; // заменили значение window.alert(message);

При изменении значения старое значение переменной удаляется.

Переменные в JavaScript могут хранить не только строки, но и другие данные, например, числа. Объявим две переменные, присвоим одной строку, а другой число: var num = 100500; var message = 'Привет';

Значение можно копировать из одной переменной в другую: var num = 100500; var message = 'Привет'; message = num; // Значение из num перезаписывается в message.

После этого присваивания в обеих переменных num и message находится одно и то же значение 100500.

Вопрос. Какие значения приобретут переменные а, b и с после выполнения следующих операторов? var а = 1; var b = 2; var с; c = b; b = a; a = c;

В JavaScript вы можете создать переменную и без var, достаточно просто присвоить ей значение: x = "value"; // переменная создана, если её не было

Технически это не вызовет ошибки, но делать так всё-таки не стоит. Всегда определяйте переменные через var. Это хороший тон в программировании и помогает избежать ошибок.

Задание 1

• Объявите две переменные: admin и name.

• Запишите в name строку "Василий".

• Скопируйте значение из name в admin.

• Выведите значение переменной admin.

 

Имена переменных

На имя переменной наложены два ограничения:

• имя может состоять из: букв, цифр, символов $ и _

• первый символ не должен быть цифрой.

Вопрос. Какие имена переменных заданы неправильно и почему? var myName; var 2a; var my-name; var test123;

Регистр букв имеет значение. Переменные apple и AppLE — две разные переменные.

Можно использовать и русские буквы: var имя = "Вася"; alert(имя);

Ошибки нет, но на практике сложилась традиция использовать в именах только английские буквы.

На странице использованы материалы сайта javascript.ru.