Import JavaScript function into html

Question

How I can import my function from JavaScript file into html for further use in the html script?

JavaScript file:

export function test() {
    console.log('test');
}

Html file:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script type="module" src = "script.js">
    test();    
  </script>
</head>

<body>
</body>

</html>

you need an import in your main script. Note, that JS modules only work on a web server they do not work locally — tacoshy, Feb 02 '23 at 14:55

score 1 · Answer 1 · answered Feb 02 '23 at 14:56

1

Import it this way

<script type="module">

import { test } from "./script.js";

test();

</script>

answered Feb 02 '23 at 14:56

lviggiani

5,824
12
56
89

score -4 · Answer 2 · edited Feb 02 '23 at 14:59

-4

If you use

<script>

</script>

and put your JavaScript inbetween the two that should work

edited Feb 02 '23 at 14:59

VLAZ

26,331
9
49
67

answered Feb 02 '23 at 14:59

acupofjuice

1
2

Import JavaScript function into html

2 Answers2