freeCodeCamp/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/create-a-module-script.md

---
id: 5cddbfd622f1a59093ec611d
title: Separar seus scripts em módulos
challengeType: 6
forumTopicId: 301198
dashedName: create-a-module-script
---

# --description--

O JavaScript nasceu com com o objetivo de cumprir um pequeno papel em uma web onde tudo era, na maior parte, HTML. Hoje, o JavaScript é gigante. Para se ter noção, alguns websites são construídos quase que inteiramente em JavaScript. A fim de tornar o JavaScript mais modular, limpo e passível de manutenção, a versão ES6 introduziu uma forma mais simples de compartilhar códigos entre arquivos JavaScript. Dessa forma, você consegue exportar partes de um arquivo e usá-los em arquivos externos bem como importar as partes de que você precisa. Para tirar proveito dessa funcionalidade, você precisa criar uma tag script com o atributo `type` de valor `module` no seu documento HTML. Exemplo:

```html
<script type="module" src="filename.js"></script>
```

O script do exemplo acima agora é um módulo (`module`) e pode usar os recursos `import` e `export` (você aprenderá sobre eles nos próximos desafios).

# --instructions--

Adicione uma tag script ao documento HTML do tipo `module` e dê a ela o caminho do arquivo `index.js`

# --hints--

Você deve criar uma tag `script`.

```js
assert(code.match(/<\s*script[^>]*>\s*<\/\s*script\s*>/g));
```

A tag `script` deve ter o atributo `type` com o valor `module`.

```js
assert(
  code.match(
    /<\s*script\s+[^t]*type\s*=\s*('|")module\1[^>]*>\s*<\/\s*script\s*>/g
  )
);
```

A tag `script` deve ter o atributo `src` com o valor `index.js`.

```js
assert(
  code.match(
    /<\s*script\s+[^s]*src\s*=\s*('|")index\.js\1[^>]*>\s*<\/\s*script\s*>/g
  )
);
```

# --seed--

## --seed-contents--

```html
<html>
  <body>
    <!-- Only change code below this line -->

    <!-- Only change code above this line -->
  </body>
</html>
```

# --solutions--

```html
<html>
  <body>
    <script type="module" src="index.js"></script>
  </body>
</html>
```
feat: enable new langs (#42491) Enable italian and portuguese 2021-06-15 00:49:18 -07:00			`---`
			`id: 5cddbfd622f1a59093ec611d`
chore(i18n): download curriculum manually (#42835) 2021-07-14 21:02:51 +05:30			`title: Separar seus scripts em módulos`
feat: enable new langs (#42491) Enable italian and portuguese 2021-06-15 00:49:18 -07:00			`challengeType: 6`
			`forumTopicId: 301198`
			`dashedName: create-a-module-script`
			`---`

			`# --description--`

chore(i18n,curriculum): update translations (#43078) 2021-07-30 23:57:21 +09:00			O JavaScript nasceu com com o objetivo de cumprir um pequeno papel em uma web onde tudo era, na maior parte, HTML. Hoje, o JavaScript é gigante. Para se ter noção, alguns websites são construídos quase que inteiramente em JavaScript. A fim de tornar o JavaScript mais modular, limpo e passível de manutenção, a versão ES6 introduziu uma forma mais simples de compartilhar códigos entre arquivos JavaScript. Dessa forma, você consegue exportar partes de um arquivo e usá-los em arquivos externos bem como importar as partes de que você precisa. Para tirar proveito dessa funcionalidade, você precisa criar uma tag script com o atributo `type` de valor `module` no seu documento HTML. Exemplo:
feat: enable new langs (#42491) Enable italian and portuguese 2021-06-15 00:49:18 -07:00
			```html
			`<script type="module" src="filename.js"></script>`
			```

chore(i18n): download curriculum manually (#42835) 2021-07-14 21:02:51 +05:30			O script do exemplo acima agora é um módulo (`module`) e pode usar os recursos `import` e `export` (você aprenderá sobre eles nos próximos desafios).
feat: enable new langs (#42491) Enable italian and portuguese 2021-06-15 00:49:18 -07:00
			`# --instructions--`

chore(i18n): download curriculum manually (#42835) 2021-07-14 21:02:51 +05:30			Adicione uma tag script ao documento HTML do tipo `module` e dê a ela o caminho do arquivo `index.js`
feat: enable new langs (#42491) Enable italian and portuguese 2021-06-15 00:49:18 -07:00
			`# --hints--`

chore(i18n): download curriculum manually (#42835) 2021-07-14 21:02:51 +05:30			Você deve criar uma tag `script`.
feat: enable new langs (#42491) Enable italian and portuguese 2021-06-15 00:49:18 -07:00
			```js
			`assert(code.match(/<\sscript[^>]>\s<\/\sscript\s*>/g));`
			```

chore(i18n): download curriculum manually (#42835) 2021-07-14 21:02:51 +05:30			A tag `script` deve ter o atributo `type` com o valor `module`.
feat: enable new langs (#42491) Enable italian and portuguese 2021-06-15 00:49:18 -07:00
			```js
			`assert(`
			`code.match(`
			`/<\sscript\s+[^t]type\s=\s('\|")module\1[^>]>\s<\/\sscript\s>/g`
			`)`
			`);`
			```

chore(i18n): download curriculum manually (#42835) 2021-07-14 21:02:51 +05:30			A tag `script` deve ter o atributo `src` com o valor `index.js`.
feat: enable new langs (#42491) Enable italian and portuguese 2021-06-15 00:49:18 -07:00
			```js
			`assert(`
			`code.match(`
			`/<\sscript\s+[^s]src\s=\s('\|")index\.js\1[^>]>\s<\/\sscript\s>/g`
			`)`
			`);`
			```

			`# --seed--`

			`## --seed-contents--`

			```html
			`<html>`
			`<body>`
			`<!-- Only change code below this line -->`

			`<!-- Only change code above this line -->`
			`</body>`
			`</html>`
			```

			`# --solutions--`

			```html
			`<html>`
			`<body>`
			`<script type="module" src="index.js"></script>`
			`</body>`
			`</html>`
			```