1.9 KiB

Raw Blame History

id	title	challengeType	forumTopicId	dashedName
5cddbfd622f1a59093ec611d	Crea un módulo para scripts	6	301198	create-a-module-script

--description--

En sus inicios, JavaScript comenzó desempeñando un pequeño rol, cuando la web estaba mayormente hecha en HTML. Hoy Javascript se ha vuelto gigante y algunos sitios web están casi completamente construidos con JavaScript. Con la finalidad de hacer JavaScript más modular, limpio y mantenible, ES6 introdujo una manera de compartir código fácilmente entre archivos JavaScript. Esto implica exportar partes de un archivo para usar en uno o más archivos, e importar las partes que necesitas donde las necesites. Para aprovechar esta funcionalidad, necesitas crear un script en tu documento HTML con un type de module. A continuación, te presentamos un ejemplo:

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

Un script que utilice este module ahora podrá utilizar las caraterísticas import y export, sobre las que aprenderás en los próximos desafíos.

--instructions--

Agrega un script de tipo module al documento HTML y asígnale el archivo fuente index.js

--hints--

Debes crear una etiqueta script.

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

Tu etiqueta script debe tener un atributo type con un valor de module.

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

Tu etiqueta script debe tener un src con el valor index.js.

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>

1.9 KiB Raw Blame History