Презентация на тему "Введение в JavaScript" Часть 1

JavaScript

ОБЪЕКТЫ

Объекты

Объект состоит из свойств

Свойство

Ключ

Значение

(имя свойства)

Создание объектов

let user = new Object(); - используется крайне редко. Не удобен

let user = {}; - основная форма создания объектов

let user = { // объект

name: "John", // под ключом "name" хранится значение "John"

age: 30 // под ключом "age" хранится значение 30

};

Создание объектов

Добавление свойства:

user.isAdmin = true;

Удаление свойства:

delete user.age;

Имена свойств

let user = {

name: "John",

age: 30,

"likes birds": true // имя свойства из нескольких слов должно быть в кавычках

};

Объекты

Переменная key может быть вычислена во время выполнения кода или зависеть от пользовательского ввода

let user = {

name: "John",

age: 30

};

let key = prompt("Что вы хотите узнать о пользователе?", "name");

alert( user[key] ); // John (если ввели "name")

Взаимодействие в JS

Познакомиться с несколькими функциями, а именно:

alert, prompt и confirm.

Alert

Синтаксис:

alert(message);

Этот код отобразит окно в браузере и приостановит дальнейшее выполнение скриптов до тех пор, пока пользователь не нажмёт кнопку «OK».

Prompt

Синтаксис:

result = prompt(title, [default]);

Этот код отобразит модальное окно с текстом, полем для ввода текста и кнопками OK/Отмена.

Prompt

result = prompt(title, [default]);

title

Текст для отображения в окне.

default

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

Confirm

Синтаксис:

result = confirm(question);

Функция confirm отображает модальное окно с текстом вопроса question и двумя кнопками: OK и Отмена.

Результат true, если нажата кнопка OK. В других случаях – false.

Confirm

let isBoss = confirm("Ты здесь главный?");

alert( isBoss ); // true, если нажата OK

Итоги по функциям

alert - показывает сообщение.

prompt - показывает сообщение и запрашивает ввод текста от пользователя. Возвращает напечатанный текст в поле ввода или null, если была нажата кнопка «Отмена» или Esc с клавиатуры.

confirm - показывает сообщение и ждёт, пока пользователь нажмёт OK или Отмена. Возвращает true, если нажата OK, и false, если нажата кнопка «Отмена» или Esc с клавиатуры.

Задачи

• Создайте страницу, которая запрашивает у пользователя имя, возраст и его пол (логическое значение) и выводит их пользователю. Использовать объекты.
• Создайте страницу, которая запрашивает у пользователя переменные a,b,c по которым рассчитывает площадь, периметр треугольника.