freeCodeCamp/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/reuse-javascript-code-using-import.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
587d7b8c367417b2b2512b55	Повторне використання коду JavaScript за допомогою import	1	301208	reuse-javascript-code-using-import

--description--

import дозволяє вам вибрати, які частини файлу чи модуля завантажувати. Приклади у попередньому завданні експортували функцію add з файлу math_functions.js. А ось так ви можете імпортувати її та використовувати в іншому файлі:

import { add } from './math_functions.js';

import знайде add у math_functions.js та імпортує саме цю функцію, а решту проігнорує. ./ повідомляє імпорту, щоб він знайшов файл math_functions.js у тій же папці, де знаходиться поточний файл. При використанні імпорту таким чином необхідні відносний шлях до файлу (./) та розширення файлу (.js).

Ви можете імпортувати декілька елементів з файлу, додавши їх до інструкції import:

import { add, subtract } from './math_functions.js';

--instructions--

Додайте відповідну інструкцію import, яка дозволить поточному файлу використовувати функції uppercaseString та lowercaseString, які ви експортували в попередньому завданні. Ці функції знаходяться у файлі під назвою string_functions.js, який знаходиться в тій самій директорії, що і поточний файл.

--hints--

Ви повинні правильно імпортувати uppercaseString.

assert(
  code.match(
    /import\s*{\s*(uppercaseString[^}]*|[^,]*,\s*uppercaseString\s*)}\s+from\s+('|")\.\/string_functions\.js\2/g
  )
);

Ви повинні правильно імпортувати lowercaseString.

assert(
  code.match(
    /import\s*{\s*(lowercaseString[^}]*|[^,]*,\s*lowercaseString\s*)}\s+from\s+('|")\.\/string_functions\.js\2/g
  )
);

--seed--

--seed-contents--

// Only change code above this line

uppercaseString("hello");
lowercaseString("WORLD!");

--solutions--

import { uppercaseString, lowercaseString } from './string_functions.js';

uppercaseString("hello");
lowercaseString("WORLD!");