https://testy-online.com
Тесты-оnline: психологические тесты, любовь и отношения, личность, воспитание и педагогика, красота и здоровье, тесты для девочек, тесты по IT-дисциплинам, тесты по IT-дисциплинам с ответами.
Email AperkotMax@gmail.com Студия Online-тестирования "AperkotMax"
53 теста по Психологии
36 тестов по IT
36 тестов по IT с ответами
Результаты тестирования в системе хранятся два календарных дня!!!
Тест с ответами по Angular: необходимое ПО, основы JavaScript.
Главная–> IT-тесты–> Тесты с ответами по IT дисциплинам–> Angular: необходимое ПО, основы JavaScript
Правильные ответы отмечены символом "+".

Тест с ответами по Angular: необходимое ПО, основы JavaScript.
19 12

1) Вы пишите своё первое приложение на AngularJS и вместо содержимого страницы (см. рис. 1) у Вас отображается следующее содержимое страницы (см. рис. 2). Как исправить ситуацию?

Рис. 1. Правильное содержимое страницы Index.html приложения AngularJS.
Рис. 1. Правильное содержимое страницы Index.html приложения AngularJS.

Рис. 2. Неправильное содержимое страницы Index.html приложения AngularJS.
Рис. 2. Неправильное содержимое страницы Index.html приложения AngularJS.

А) пересохранить файл index.html, выбрав кодировку UTF-8; +

Б) пересохранить файл index.html, выбрав кодировку ANSI;

В) пересохранить файл index.html, выбрав кодировку Юникод;

Г) пересохранить файл index.html, выбрав кодировку Юникод Big Endian;

Д) прописать тег <meta http-equiv="Content-Type" content="text/html; charset="utf-8">; +

Е) прописать тег <meta charset="utf-8">;

2) Выберите правильные утверждения, относительно самых распространённых JavaScript фреймворков в 2020 году:

А) Angular – фреймворк с открытым исходным кодом, разработанный в Facebook;

Б) React - фреймворк с открытым исходным кодом, разработанный в Facebook; +

В) Bootstrap - фреймворк с открытым исходным кодом, разработанный в Google;

Г) Angular - фреймворк с открытым исходным кодом, разработанный в Google; +

Д) Bootstrap - фреймворк с открытым исходным кодом, разработанный в Twitter; +

Е) Vue - фреймворк с открытым исходным кодом, разработанный в Amazon;

Ж) React - фреймворк с открытым исходным кодом, разработанный в Amazon;

З) Vue - фреймворк с открытым исходным кодом, разработанный в Twitter;

3) Пусть в проекте Angular имеется следующая модель данных (см. листинг 3), компонент (см. листинг. 4) и шаблон (см. листинг. 5). Укажите, какой вид будет иметь представление в браузере (см. рис. 6).

  1. export class Model{
  2. user;
  3. items;
  4. constructor(){
  5. this.user="Андрей";
  6. this.items=[new TodoItem("Купить цветы", false),
  7. new TodoItem("Получить ботинки из мастерской", true),
  8. new TodoItem("Заказать билеты в цирк", false),
  9. new TodoItem("Позвонить Юрию Самойлову", "no"),
  10. new TodoItem("Отправить письмо Олегу Гринёву", "no")]
  11. }
  12. }
  13. export class TodoItem{
  14. action;
  15. done;
  16. constructor(action,done){
  17. this.action=action;
  18. this.done=done;
  19. }
  20. }
Листинг 3. Модель в проекте Angular.
  1. import { Component } from '@angular/core';
  2. import { Model } from "./model";
  3. @Component({
  4. selector: 'todo-app',
  5. templateUrl: './app.component.html',
  6. styleUrls: ['./app.component.css']
  7. })
  8. export class AppComponent {
  9. model = new Model();
  10. getName() {
  11. return this.model.user;
  12. }
  13. getTodoItems() {
  14. return this.model.items;
  15. }
  16. }
Листинг 4. Компонент в проекте Angular.
  1. <h3 class="bg-primary p-a-1">{{getName()}}: Список дел на сегодня</h3>
  2. <table class="table table-striped table-bordered">
  3. <thead>
  4. <tr><th></th><th>Description</th><th>Done</th></tr>
  5. </thead>
  6. <tbody>
  7. <tr *ngFor="let item of getTodoItems(); let i = index">
  8. <td>{{i + 1}}</td>
  9. <td>{{item.action}}</td>
  10. <td [ngSwitch]="item.done">
  11. <span *ngSwitchCase="true">Yes</span>
  12. <span *ngSwitchDefault>No</span>
  13. </td>
  14. </tr>
  15. </tbody>
  16. </table>
Листинг 5. Шаблон в проекте Angular.

Рис. 6. Варианты ответов.
Рис. 6. Варианты ответов.

А) а;

Б) б;

В) в;

Г) г;

Д) д; +

Е) е;

4) Допустим, есть следующий код шаблона для Angular приложения (см. листинг 7) и соответствующие коды модели и компонента (см. листинг 8 и 9). Для того, чтобы использовать двустороннюю привязку данных в шаблоне необходимо:

  1. <h3 class="bg-primary p-a-1">{{getName()}}: Список дел на сегодня</h3>
  2. <table class="table table-striped table-bordered">
  3. <thead>
  4. <tr><th></th><th>Description</th><th>Done</th></tr>
  5. </thead>
  6. <tbody>
  7. <tr *ngFor="let item of getTodoItems(); let i = index">
  8. <td>{{i + 1}}</td>
  9. <td>{{item.action}}</td>
  10. <td><input type="checkbox"[(ngModel)]="item.done"/></td>
  11. <td [ngSwitch]="item.done">
  12. <span *ngSwitchCase="true">Yes</span>
  13. <span *ngSwitchDefault>No</span>
  14. </td>
  15. </tr>
  16. </tbody>
  17. </table>
Листинг 7. Код шаблона в проекте Angular.
  1. export class Model{
  2. user;
  3. items;
  4. constructor(){
  5. this.user="Андрей";
  6. this.items=[new TodoItem("Купить цветы", false),
  7. new TodoItem("Получить ботинки из мастерской", true),
  8. new TodoItem("Заказать билеты в цирк", false),
  9. new TodoItem("Позвонить Юрию Самойлову", "no"),
  10. new TodoItem("Отправить письмо Олегу Гринёву", "no")]
  11. }
  12. }
  13. export class TodoItem{
  14. action;
  15. done;
  16. constructor(action,done){
  17. this.action=action;
  18. this.done=done;
  19. }
  20. }
Листинг 8. Модель в проекте Angular.
  1. import { Component } from '@angular/core';
  2. import { Model } from "./model";
  3. @Component({
  4. selector: 'todo-app',
  5. templateUrl: './app.component.html',
  6. styleUrls: ['./app.component.css']
  7. })
  8. export class AppComponent {
  9. model = new Model();
  10. getName() {
  11. return this.model.user;
  12. }
  13. getTodoItems() {
  14. return this.model.items;
  15. }
  16. }
Листинг 9. Компонент в проекте Angular.

А) импортировать метод FormsModule, который позволяет работать с формами, в модуль Angular строкой import {FormsModule} from '@angular/forms'; +

Б) запустить метод AppModule в модуле Angular строкой import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';

Г) импортировать класс HttpModule для взаимодействия с сервером и отправки запросов по протоколу http в модуле Angular строкой import {HttpModule} from '@angular/http';

Д) импортировать методы Routes и RouterModule в модуль Angular строкой import {Routes, RouterModule} from '@angular/router'; для работы с маршрутизацией;

Е) импортировать метод Injectable в модуль Angular строкой import {Injectable} from '@angular/core'; для внедрения зависимостей дабы указать, что определённый сервис может быть использован в других сервисах;

З) импортировать класс ОnInit в модуле Angular строкой import {ОnInit} from '@angular/core'; для реализации перехватчика, срабатывающего при инициализации компонента сразу после выполнения его конструктора;

И) импортировать класс ReactiveFormsModule в модуль Angular строкой import {ReactiveFormsModule} from "@angular/forms"; для описания формы в компоненте в виде дерева и дальнейшего связывания дерева с шаблоном;

5) Допустим, есть следующий код шаблона для Angular приложения (см. листинг 10) и соответствующие коды модели и компонента (см. листинг 11 и 12). Какое должно быть указано условие фильтрации в компоненте (листинг 12), чтобы представление содержало весь перечень невыполненных дел? Чтобы представление содержало перечень невыполненных дел, которые необходимо выполнить после 11-00?

  1. <h3 class="bg-primary p-a-1">{{getName()}}: Список дел на сегодня</h3>
  2. <table class="table table-striped table-bordered">
  3. <thead>
  4. <tr><th></th><th>Description</th><th>Done</th></tr>
  5. </thead>
  6. <tbody>
  7. <tr *ngFor="let item of getTodoItems(); let i = index">
  8. <td>{{i + 1}}</td>
  9. <td>{{item.action}}</td>
  10. <td>{{item.time}}</td>>
  11. <td><input type="checkbox"[(ngModel)]="item.done"/></td>
  12. <td [ngSwitch]="item.done">
  13. <span *ngSwitchCase="true">Yes</span>
  14. <span *ngSwitchDefault>No</span>
  15. </td>
  16. </tr>
  17. </tbody>
  18. </table>
Листинг 10. Код шаблона в проекте Angular.
  1. export class Model {
  2. user;
  3. items;
  4. constructor() {
  5. this.user = "Андрей";
  6. this.items = [new TodoItem("Купить цветы","08-30", false),
  7. new TodoItem("Получить ботинки из мастерской","10-00", false),
  8. new TodoItem("Заказать билеты в цирк", "10-30",false),
  9. new TodoItem("Позвонить Юрию Самойлову","12-00", false),
  10. new TodoItem("Отправить письмо Олегу Гринёву","14-20", false),
  11. new TodoItem("Пообщаться с шефом","15-00", false)]
  12. } }
  13. export class TodoItem {
  14. action; time; done;
  15. constructor(action, time, done) {
  16. this.action = action;
  17. this.time = time;
  18. this.done = done;
  19. }
  20. }
Листинг 11. Модель в проекте Angular.
  1. import { Component } from '@angular/core';
  2. import { Model } from "./model";
  3. @Component({
  4. selector: 'todo-app',
  5. templateUrl: './app.component.html',
  6. styleUrls: ['./app.component.css']
  7. })
  8. export class AppComponent {
  9. model = new Model();
  10. getName() {
  11. return this.model.user;
  12. }
  13. getTodoItems() {
  14. return this.model.items.filter(item=>???);
  15. }
  16. }
Листинг 12. Компонент в проекте Angular.

Рис. 13. Представление со всем перечнем выполненных дел.
Рис. 13. Представление со всем перечнем выполненных дел.

А) ((item.time.substr(0,2)+item.time.substr(3,6))>1100)&&(!item.done) +

Б) !item.done +

В) ((item.time.substr(0,1)+item.time.substr(3,5))>0)&&(item.done)

Г) ((item.time.substr(0,2)+item.time.substr(3,6))>0)&&(!item.done) +

Д) ((item.time.substr(0,2)+item.time.substr(3,6))>11)&&(!item.done)

е) (!item.done)||((item.time.substr(0,2)+item.time.substr(3,6))>0)&&(!item.done)

ж) (item.done)||((item.time.substr(0,2)+item.time.substr(3,6))>0)&&(!item.done)

6) Укажите верные утверждения, касающиеся лямбда-выражений, используемых в проектах Angular:

А) лямбда-выражения состоят из трёх частей: модели, представления и контроллера без ключевого слова return;

б) лямбда-выражения представляют собой альтернативный способ определения функций; +

в) лямбда-выражения состоят из трёх частей: входных параметров, символов => и результата функции с ключевым словом return;

г) лямбда-выражения состоят из трёх частей: входных параметров, символов => и результата функции; +

д) лямбда-выражения состоят из трёх частей: входных параметров, ключевого слова let и результата функции;

е) лямбда-выражения состоят из трёх частей: входных параметров, символа => и результата функции с ключевым словом return;

ж) лямбда-выражения состоят из трёх частей: модели, представления и контроллера с ключевым словом return;

з) лямбда-выражения начали своё развитие с анонимных методов или анонимных функций; +

7) Селектор в компоненте проекта Angular необходим для того, чтобы:

А) объявить имя пользовательского тега, который будет использован в представлении .html; +

Б) в элемент DOM с названием этого селектора Angular добавил представление компонента; +

В) легко связывать данные с представлениями, то есть, чтобы изменение данных приводило к автоматическому обновлению соответствующего элемента представления и наоборот;

Г) поток данных приложения определялся непосредственно в контроллерах, которые являются объектами JavaScript и содержат свойства и функции;

Д) отвязывать логику приложения от интерфейса путём структурирования приложения с помощью селекторов;

8) Укажите инструменты и технологии (если они имеются), в которых специалист по Angular должен разбираться:

А) Java;

Б) JavaScript; +

В) HTML; +

Г) технология MVC; +

Д) Angular; +

Е) ReactJS;

Ж) TypeScript; +

З) npm; +

И) VueJS;

К) Git;

Л) Angular CLI; +

М) Angular Core;

Н) jQuery;

О) NodeJS; +

П) Dart;

9) Какое программное обеспечение необходимо установить для того, чтобы создать свой первый проект Angular:

А) ComponentJS;

Б) SmartBear;

В) NodeJS; +

Г) Kotlin;

Д) npm; +

Е) Angular CLI; +

Ж) Bootstrap;

З) Visual Studio Code или любой другой редактор с поддержкой Angular; +

И) браузер; +

К) AngularJS;

10) Запустить отладочный Web-сервер Angular, использующий TCP–порт 4200, с помощью утилиты Angular CLI и запустить сайт в браузере, установленном по умолчанию можно, выполнив в командной строке следующую команду:

А) ng build --open;

Б) build --port 4200 --open;

В) ng serve --open; +

Г) ng serve --port 4200 --start;

Д) ng serve;

Е) ng serve localhost:4200 --open;

Ж) serve localhost:4200 --open;

З) serve localhost:4200 --start;

11) Укажите правильные утверждения, касающиеся компонентов в Angular:

А) компонент Angular – это аналог контроллера в паттерне MVC; +

Б) компонент Angular должен содержать логику отображения данных для пользователя;

В) компонент Angular должен содержать логику создания данных предметной области;

Г) компонент Angular должен содержать логику необходимую шаблону для представления данных модели; +

Д) компонент Angular должен содержать логику, необходимую для настройки исходного состояния шаблона; +

Е) компонент Angular должен содержать логику и разметку, необходимые для представления данных пользователю;

Ж) компонент Angular должен содержать логику, необходимую для обновления модели на основании взаимодействий с пользователем; +

З) компонент Angular должен содержать логику обновления объектов, если они существуют, и их создания, если объекты не существуют;

И) компонент Angular должен содержать логику прямого обращения к хранилищу данных;

12) Выберите правильные утверждения, касающиеся фреймворка Angular:

А) данный фреймворк нацелен, прежде всего, на создание одностраничных приложений; +

Б) данный фреймворк нацелен, прежде всего, на создание SPA приложений; +

В) данный фреймворк нацелен, прежде всего, на создание приложений с круговой передачей;

Г) данный фреймворк нацелен, прежде всего, на создание приложений, в которых вся логика и данные размещаются на сервере;

Д) данный фреймворк нацелен, прежде всего, на создание приложений, в которых любые взаимодействия с пользователем порождают запросы Ajax для получения небольших фрагментов HTML или вставки данных в существующие наборы элементов с последующим выводом; +

Е) данный фреймворк нацелен, прежде всего, на создание приложений, в которых каждое взаимодействие с пользователем приводит к тому, что браузер запрашивает и получает совершенно новый документ HTML;

Ж) данный фреймворк нацелен, прежде всего, на создание приложений, с отличным UX дизайном, напоминающим «естественную» среду браузера без перезагрузок страниц, а значит, без задержек при совершении действий; +

13) Для веб-приложений, созданных с помощью фреймворка Angular и имеющих одностраничную архитектуру характерно следующее:

А) значительное упрощение SEO, так как можно оптимизировать каждую отдельно взятую страницу приложения под нужные вам ключевые слова;

Б) на данный момент времени (04.2020) наблюдаются некоторые проблемы с SEO-оптимизацией и SEO-продвижением таких приложений, как у Google, так и у Yandex; +

В) для таких приложений не требуется JavaScript в активном режиме в браузерах пользователей, поэтому, если кто-то из пользователей вручную отключит использование JavaScript, то это не повлияет на то, чтобы в полной мере воспользоваться данным приложением;

Г) для таких приложений требуется JavaScript в активном режиме в браузерах пользователей, поэтому, если кто-то из пользователей вручную отключит использование JavaScript, то это приведёт к тому, что веб-приложение будет отображаться в браузере некорректно; +

Д) такие приложения, очевидно, «тяжелее», чем многостраничные, и обычно нацелены на отображение большего количества контента;

Е) такие приложения, очевидно, «легче», чем многостраничные, и обычно нацелены на отображение меньшего количества контента, по сравнению с многостраничными сайтами; +

14) При использовании Angular часто приходится применять атрибуты без значений, например, как на листинге 14. Для данного кода верно следующее:

  1. <form>
  2. Login: <input type="text" name="login" required><br><br>
  3. Email: <input type="email" name="email"><br><br>
  4. <input type="submit">
  5. </form>
Листинг 14. HTML-код с атрибутом required.

А) JavaScript-код проверяет инпуты со значениями на наличие атрибута required и не отправляет форму, если значение не равно значению по умолчанию;

Б) атрибут required является логическим атрибутом, который указывает, что поле ввода email должно быть заполнено перед отправкой формы;

В) атрибут required является логическим атрибутом, который указывает, что поле ввода login должно быть заполнено перед отправкой формы; +

Г) JavaScript-код проверяет инпуты без значений на наличие атрибута required и не отправляет форму, если таковой найден; +

Д) код HTML неверен, так как атрибут required не может применяться к полям формы;

Е) код HTML неверен, так как атрибут required не может применяться к полю input формы;

15) Выберите верные утверждения, касающиеся SystemJS:

А) SystemJS – это синтаксис, который используется для определения модулей, написанных на JavaScript;

Б) SystemJS – это статический модульный сборщик для приложений на JavaScript;

В) SystemJS - это универсальный динамический загрузчик модулей, позволяющий загружать модули в форматах CommonJS, AMD и т.д., и который работает на стороне клиента и может динамически загружать модули из файлов по требованию; +

Г) SystemJS – это система сборки, которая берёт модули с зависимостями, создаёт граф зависимостей для JavaScript, CSS и прочих, и генерирует статические ресурсы, предоставляемые этими модулями;

Д) SystemJS — асинхронный загрузчик модулей JavaScript любых известных форматов, который способен справляться в том числе и с циклическими зависимостями; +

Е) SystemJS – это модуль, реализующий какую-либо функциональность, которая не поддерживается в некоторых версиях веб-браузеров и способный переписать современный JavaScript-код в предыдущий стандарт;

16) Для создания конфигурационного файла package.json с исходными значениями по умолчанию с помощью пакета npm необходимо в командной строке в папке проекта выполнить следующую команду:

А) npm create -i;

Б) npm create -init;

В) npm init -y; +

Г) npm init;

Д) npm create;

Е) npm create package.json -init;

Ж) npm create package.json –i;

З) npm init package.json;

И) npm start package.json -y;

К) npm start -y;

Л) npm start -i;

17) Пусть имеется код JavaScript в файле Primer3.js (см. листинг 15), который должен выводить список на странице index.html браузера (см. листинг 16). Как может выглядеть в данном случае код страницы Index.html, чтобы представление в браузере имело вид, как на рис. 16? Выберите несколько правильных ответов (см. рис. 17 а-е).

  1. var list = document.getElementById("list");
  2. var loop1 = function(i) {
  3. var item = document.createElement('li');
  4. item.appendChild(document.createTextNode('Item ' + i));
  5. list.appendChild(item);
  6. };
  7. for (var i = 1; i <= 5; i++) {
  8. loop1(i);
  9. }
Листинг 15. Файл Primer3.js.

Рис. 16. Так должен выглядеть список, выводимый кодом JavaScript из файла Primer3.js.
Рис. 16. Так должен выглядеть список, выводимый кодом JavaScript из файла Primer3.js.
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Primer</title>
  5. <meta charset="utf-8" />
  6. <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
  7. <script src="primer3.js"></script>
  8. </head>
  9. <body class="m-a-1">
  10. <h3>Это список:</h3>
  11. <span id=list> </span>
  12. </body>
  13. </html>
Листинг 17. Файл Index.html. Вариант ответа (а).
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Primer</title>
  5. <meta charset="utf-8" />
  6. <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
  7. <script src="node_modules/systemjs/dist/system.src.js"></script>
  8. <script>
  9. System.config({packages: {"": {}}});
  10. System.import("primer3").catch(function(err){ console.error(err); });
  11. </script>
  12. </head>
  13. <body class="m-a-1">
  14. <h3>Это список:</h3>
  15. <span id=list> </span>
  16. </body>
  17. </html>
Листинг 17. Файл Index.html. Вариант ответа (б).
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Primer</title>
  5. <meta charset="utf-8" />
  6. <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
  7. <script src="node_modules/systemjs/dist/system.src.js"></script>
  8. <script src="primer3.js"></script>
  9. </head>
  10. <body class="m-a-1">
  11. <h3>Это список:</h3>
  12. <span id=list> </span>
  13. </body>
  14. </html>
Листинг 17. Файл Index.html. Вариант ответа (в).
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Primer</title>
  5. <meta charset="utf-8" />
  6. <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
  7. <script src="primer3.js"></script>
  8. <script>
  9. System.config({packages: {"": {}}});
  10. System.import("primer3").catch(function(err){ console.error(err); });
  11. </script>
  12. </head>
  13. <body class="m-a-1">
  14. <h3>Это список:</h3>
  15. <span id=list> </span>
  16. </body>
  17. </html>
Листинг 17. Файл Index.html. Вариант ответа (г).
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Primer</title>
  5. <meta charset="utf-8" />
  6. <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
  7. </head>
  8. <body class="m-a-1">
  9. <h3>Это список:</h3>
  10. <span id=list> </span>
  11. <script src="primer.js"></script>
  12. </body>
  13. </html>
Листинг 17. Файл Index.html. Вариант ответа (д).
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Primer</title>
  5. <meta charset="utf-8" />
  6. <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
  7. <script src="node_modules/systemjs/dist/system.src.js"></script>
  8. </head>
  9. <body class="m-a-1">
  10. <h3>Это список:</h3>
  11. <span id=list> </span>
  12. <script>
  13. System.config({packages: {"": {}}});
  14. System.import("primer3").catch(function(err){ console.error(err); });
  15. </script>
  16. </body>
  17. </html>
Листинг 17. Файл Index.html. Вариант ответа (е).

А) а;

Б) б; +

В) в;

Г) г;

Д) д; +

Е) е; +

18) Пусть имеется HTML код в файле Index.html (см. листинг 18), который должен выводить список на странице index.html браузера (см. рис. 19). Как может выглядеть в данном случае JavaScript-код файла primer.js, чтобы при клике по элементу списка в браузере в консоли отображался номер соответствующего элемента списка (см. рис. 19)? Выберите несколько правильных ответов (см. листинг 20 а-д).

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Primer</title>
  5. <meta charset="utf-8" />
  6. <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
  7. </head>
  8. <body class="m-a-1">
  9. <h3>Это список:</h3>
  10. <span id=list> </span>
  11. </body>
  12. <script src="primer.js"></script>
  13. </html>
Листинг 18. Код файла Index.html.

Рис. 19. Список, выводимый файлом Index.html в браузере и содержимое консоли в браузере при активизации соответствующего элемента списка.
Рис. 19. Список, выводимый файлом Index.html в браузере и содержимое консоли в браузере при активизации соответствующего элемента списка.

  1. var list = document.getElementById("list");
  2. for (var i = 1; i <= 5; i++) {
  3. let item = document.createElement('li');
  4. item.appendChild(document.createTextNode('Item ' + i));
  5. item.onclick = function (ev) {
  6. console.log('Item ' + i + ' is clicked.');
  7. };
  8. list.appendChild(item);
  9. }
Листинг 20. Файл Primer.js с кодом JavaScript. Вариант ответа (а).
  1. var list = document.getElementById("list");
  2. for (var i = 1; i <= 5; i++) {
  3. var item = document.createElement('li');
  4. item.appendChild(document.createTextNode('Item ' + i));
  5. item.onclick = function (ev) {
  6. console.log('Item ' + i + ' is clicked.');
  7. };
  8. list.appendChild(item);
  9. }
Листинг 20. Файл Primer.js с кодом JavaScript. Вариант ответа (б).
  1. let list = document.getElementById("list");
  2. for (let i = 1; i <= 5; i++) {
  3. var item = document.createElement('li');
  4. item.appendChild(document.createTextNode('Item ' + i));
  5. item.onclick = function (ev) {
  6. console.log('Item ' + i + ' is clicked.');
  7. };
  8. list.appendChild(item);
  9. }
Листинг 20. Файл Primer.js с кодом JavaScript. Вариант ответа (в).
  1. let list = document.getElementById("list");
  2. for (let i = 1; i <= 5; i++) {
  3. let item = document.createElement('li');
  4. item.appendChild(document.createTextNode('Item ' + i));
  5. item.onclick = function (ev) {
  6. console.log('Item ' + i + ' is clicked.');
  7. };
  8. list.appendChild(item);
  9. }
Листинг 20. Файл Primer.js с кодом JavaScript. Вариант ответа (г).
  1. var list = document.getElementById("list");
  2. for (i = 1; i <= 5; i++) {
  3. let item = document.createElement('li');
  4. item.appendChild(document.createTextNode('Item ' + i));
  5. item.onclick = function (ev) {
  6. console.log('Item ' + i + ' is clicked.');
  7. };
  8. list.appendChild(item);
  9. }
Листинг 20. Файл Primer.js с кодом JavaScript. Вариант ответа (д).

А) а;

Б) б;

В) в; +

Г) г; +

Д) д;

19) Выберите утверждения, которые верны для директив var, let и const в JavaScript:

А) областью видимости переменных, объявленных директивой let, является блок, в котором они объявлены, исключая все его подблоки;

Б) областью видимости переменных, объявленных директивой let, является блок, в котором они объявлены, и все его подблоки; +

В) директива let объявляет переменную с блочной областью видимости и с невозможностью инициализировать её значением при объявлении;

Г) переменные, определённые с помощью дерективы const, ведут себя так же как переменные, объявленные при помощи ключевого слова var, за исключением того, что им нельзя переприсваивать значения;

Д) директива let объявляет переменную с блочной областью видимости с возможностью инициализировать её значением при объявлении; +

Е) переменные, определённые с помощью дерективы const, ведут себя так же как переменные, объявленные при помощи ключевого слова let, за исключением того, что им можно переприсваивать значения;

Ж) если переменная “Car” объявлена внутри функции myFunction() с помощью директивы var, то вне функции myFunction() также можно использовать переменную “Car”;