Import functions from another js file. Javascript

by

The following works for me in Firefox and Chrome. In Firefox it even works from file:///

models/course.js

export function Course() {
    this.id = '';
    this.name="";
};

models/student.js

import { Course } from './course.js';

export function Student() {
    this.firstName="";
    this.lastName="";
    this.course = new Course();
};

index.html

<div id="myDiv">
</div>
<script type="module">
    import { Student } from "https://stackoverflow.com/questions/48211891/./models/student.js";

    window.onload = function () {
        var x = new Student();
        x.course.id = 1;
        document.getElementById('myDiv').innerHTML = x.course.id;
    }
</script>

More Related Contents:

  1. How do I include a JavaScript file in another JavaScript file?
  2. When should I use curly braces for ES6 import?
  3. In Node.js, how do I “include” functions from my other files?
  4. Dynamically load a JavaScript file
  5. How to use code from script with type=module [duplicate]
  6. es6 import for side effects meaning
  7. Node.js: SyntaxError: Cannot use import statement outside a module
  8. Importing data from multiple csv files in D3
  9. Web Workers – How To Import Modules
  10. Importing javascript file for use within vue component
  11. ES6 import from root
  12. Is it possible to serve Static files with create-react-app from public folder?
  13. React – Dynamically Import Components
  14. How to import JQuery into a Typescript file?
  15. ES6 – declare a prototype method on a class with an import statement
  16. javascript “if” statement returning false value when both values are equal
  17. How can I ignore certain returned values from array destructuring?
  18. Geolocation API on the iPhone
  19. Using mousedown event on mobile without jQuery mobile?
  20. Angular Js currency, symbol euro after
  21. Click on option event
  22. Angular/UI-Router – How Can I Update The URL Without Refreshing Everything?
  23. use Lodash to sort array of object by value
  24. ESLint’s “no-undef” rule is calling my use of Underscore an undefined variable
  25. Generate colors between red and green for an input range [duplicate]
  26. how to convert xml to json using jquery
  27. Remove key-value pair from JSON object
  28. How to access jQuery in HTML 5 web worker
  29. Javascript – Replacing the escape character in a string literal
  30. Incrementing value continuously on mouse hold

Leave a Comment