2.5 KiB
id, title, challengeType, forumTopicId, dashedName
id | title | challengeType | forumTopicId | dashedName |
---|---|---|---|---|
5cddbfd622f1a59093ec611d | Створіть модульний скрипт | 6 | 301198 | create-a-module-script |
--description--
Спочатку мова JavaScript відігравала незначну роль на веб-сторінках HTML, створених по-іншому. Сьогодні вона має величезне значення. Деякі сайти навіть створюються майже повністю за допомогою JavaScript. Для того, щоб мова JavaScript була більш модульною, точною і зручною у користуванні, ES6 створив новий спосіб для доступної передачі коду між файлами JavaScript. Таким чином, ви можете експортувати частини файлу і використати їх в більше ніж одному іншому файлі, а також імпортувати потрібні вам уривки. Щоб скористатися таким функціоналом, необхідно створити скрипт у вашому HTML-документі з module
type
. Наприклад:
<script type="module" src="filename.js"></script>
Скрипт, що використовує тип module
, відтепер може використовувати функції import
і export
, про які ви дізнаєтеся більше у наступних завданнях.
--instructions--
Додайте скрипт до HTML-документа типу module
та зробіть його вихідним файлом index.js
--hints--
Ви маєте створити тег script
.
assert(code.match(/<\s*script[^>]*>\s*<\/\s*script\s*>/g));
Ваш тег script
повинен мати атрибут type
зі значенням module
.
assert(
code.match(
/<\s*script\s+[^t]*type\s*=\s*('|")module\1[^>]*>\s*<\/\s*script\s*>/g
)
);
Ваш тег script
повинен мати index.js
src
.
assert(
code.match(
/<\s*script\s+[^s]*src\s*=\s*('|")index\.js\1[^>]*>\s*<\/\s*script\s*>/g
)
);
--seed--
--seed-contents--
<html>
<body>
<!-- Only change code below this line -->
<!-- Only change code above this line -->
</body>
</html>
--solutions--
<html>
<body>
<script type="module" src="index.js"></script>
</body>
</html>