2019-05-17 06:33:17 -05:00
---
id: 5cddbfd622f1a59093ec611d
title: Create a Module Script
2019-05-30 09:04:11 -05:00
challengeType: 6
2019-08-05 09:17:33 -07:00
forumTopicId: 301198
2021-01-13 03:31:00 +01:00
dashedName: create-a-module-script
2019-05-17 06:33:17 -05:00
---
2020-11-27 19:02:05 +01:00
# --description--
2021-03-02 16:12:12 -08:00
JavaScript started with a small role to play on an otherwise mostly HTML web. Today, it’ `type` of `module` . Here’
2019-05-17 06:33:17 -05:00
```html
< script type = "module" src = "filename.js" > < / script >
```
2020-11-27 19:02:05 +01:00
A script that uses this `module` type can now use the `import` and `export` features you will learn about in the upcoming challenges.
# --instructions--
Add a script to the HTML document of type `module` and give it the source file of `index.js`
# --hints--
You should create a `script` tag.
```js
assert(code.match(/< \s*script[^>]*>\s*< \/\s*script\s*>/g));
```
2021-03-02 16:12:12 -08:00
Your `script` tag should have the `type` attribute with a value of `module` .
2020-11-27 19:02:05 +01:00
```js
assert(
code.match(
/< \s*script\s+[^t]*type\s*=\s*('|")module\1[^>]*>\s*< \/\s*script\s*>/g
)
);
2019-05-17 06:33:17 -05:00
```
2020-11-27 19:02:05 +01:00
Your `script` tag should have a `src` of `index.js` .
```js
assert(
code.match(
/< \s*script\s+[^s]*src\s*=\s*('|")index\.js\1[^>]*>\s*< \/\s*script\s*>/g
)
);
```
2019-05-17 06:33:17 -05:00
2020-11-27 19:02:05 +01:00
# --seed--
## --seed-contents--
2019-05-17 06:33:17 -05:00
```html
< html >
2019-05-30 09:04:11 -05:00
< body >
2020-03-04 13:08:54 -06:00
<!-- Only change code below this line -->
2019-05-17 06:33:17 -05:00
2020-03-04 13:08:54 -06:00
<!-- Only change code above this line -->
2019-05-30 09:04:11 -05:00
< / body >
2019-05-17 06:33:17 -05:00
< / html >
```
2020-11-27 19:02:05 +01:00
# --solutions--
2019-05-17 06:33:17 -05:00
```html
2019-05-30 09:04:11 -05:00
< html >
< body >
2019-06-01 07:17:57 -05:00
< script type = "module" src = "index.js" > < / script >
2019-05-30 09:04:11 -05:00
< / body >
2019-05-17 06:33:17 -05:00
< / html >
```
