ES6 modules import and export with <script>

<!DOCTYPE html>
<html>
  <body>
    <h1>ES6 modules with &lt;script type="module"&gt; - See console for results</h1>
    <script src="amazing.js" type="module"></script>
    <script src="fantastic.js" type="module"></script>
    <script src="wonderful.js" type="module"></script>
    <script src="script.js" type="module"></script>
  </body>
</html>

import * as fantastic from './fantastic.js';
import * as wonderful from './wonderful.js';
import * as amazing from './amazing.js';

fantastic.render();
wonderful.render();
amazing.render();

// fantastic.js
export let render = function() {
       console.log("Hello from fantastic.render()!")
}

// wonderful.js
export let render = function() {
           console.log("Hello from wonderful.render()!");
}

// amazing.js 
export let render = function () {
           console.log("Hello from amazing.render()!");
}