kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

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

Нажмите, чтобы узнать подробности

Певая часть цикла презентаций по введению в JavaScript

Просмотр содержимого документа
«Презентация на тему "Введение в JavaScript" Часть 1»

JavaScript ОБЪЕКТЫ

JavaScript

ОБЪЕКТЫ

Объекты Объект состоит из свойств Свойство Ключ Значение (имя свойства)

Объекты

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

Свойство

Ключ

Значение

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

Создание объектов let user = new Object(); - используется крайне редко. Не удобен let user = {}; - основная форма создания объектов let user = { // объект  name:

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

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

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

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

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

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

};

Создание объектов Добавление свойства: user.isAdmin = true; Удаление свойства: delete user.age;

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

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

user.isAdmin = true;

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

delete user.age;

Имена свойств let user = {  name:

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

let user = {

name: "John",

age: 30,

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

};

Объекты Переменная key может быть вычислена во время выполнения кода или зависеть от пользовательского ввода let user = {  name:

Объекты

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

let user = {

name: "John",

age: 30

};

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

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

Взаимодействие в JS Познакомиться с несколькими функциями, а именно: alert, prompt и confirm.

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

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

alert, prompt и confirm.

Alert Синтаксис: alert(message); Этот код отобразит окно в браузере и приостановит дальнейшее выполнение скриптов до тех пор, пока пользователь не нажмёт кнопку «OK».

Alert

Синтаксис:

alert(message);

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

Prompt Синтаксис: result = prompt(title, [default]); Этот код отобразит модальное окно с текстом, полем для ввода текста и кнопками OK/Отмена.

Prompt

Синтаксис:

result = prompt(title, [default]);

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

Prompt result = prompt(title, [default]); title Текст для отображения в окне. default Необязательный второй параметр, который устанавливает начальное значение в поле для текста в окне.

Prompt

result = prompt(title, [default]);

title

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

default

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

Confirm Синтаксис: result = confirm(question); Функция confirm отображает модальное окно с текстом вопроса question и двумя кнопками: OK и Отмена. Результат true, если нажата кнопка OK. В других случаях – false.

Confirm

Синтаксис:

result = confirm(question);

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

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

Confirm   let isBoss = confirm(

Confirm

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

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

Итоги по функциям alert - показывает сообщение. prompt - показывает сообщение и запрашивает ввод текста от пользователя. Возвращает напечатанный текст в поле ввода или null, если была нажата кнопка «Отмена» или Esc с клавиатуры. confirm - показывает сообщение и ждёт, пока пользователь нажмёт OK или Отмена. Возвращает true, если нажата OK, и false, если нажата кнопка «Отмена» или Esc с клавиатуры.

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

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

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

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

Задачи

Задачи

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


Получите в подарок сайт учителя

Предмет: Информатика

Категория: Презентации

Целевая аудитория: 10 класс.
Урок соответствует ФГОС

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

Автор: Семин Никита Алексеевич

Дата: 25.02.2020

Номер свидетельства: 541015

Получите в подарок сайт учителя

Видеоуроки для учителей

Курсы для учителей

ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Ваш личный кабинет
Проверка свидетельства