Based on photo by dhester from
Based on photo by dhester from

Link to all EDSS classes     Class 1     Class 3     Class4     Class 5

EDSS is a combination of Create an Extensible Document (ICPMM491D) and Create an Extensible Style Sheet (ICPMM492D). This class is a cluster of the two units, that will be delivered together.


XML is a central aspect of this class. We will use W3Schools to learn XML.

XML is connected to HTML and JavaScript. You need to learn the basics of both:

Read up on HTML on W3Schools

Read up on JavaScript on W3Schools

Today’s class is about JavaScript.

JavaScript - F.Viola
JavaScript – F.Viola

Today’s Class

Use the JavaScript section on W3Schools to 1.research and 2.document the points below.

You can document your research and definitions in a Word document. Use this template > JavaScript Documentation  or create your own!

  • Definition for JavaScript, including the purpose and context of other Markup Languages
  • Definition HTML DOM and example of a HTML DOM tree found on W3Schools
  • Can JavaScript be inserted into the Head or Body section of an HTML document?
  • How is JavaScript inserted into HTML?
  • Give an example of a Script Tag
  • What file extension will you need for an external JavaScript file?
  • Do external JavaScript files use <script> tags?
  • Write document output: Look at this example on the TryIt Editor and  change the Script so that it writes the <h1> and not the <p> content, change the <p> to HTML.
  • What is a JavaScript statement? Define and give an example!
  • How do you separate statements?
  • Is JavaScript case sensitive?
  • Write document output 2: Look at this example on the TryIt Editor and  change the Script so that JavaScript creates the <h1> Good Morning and an additional <h2> What I love? while HTML is responsible for <p>The smell of coffee.
  • The For Loop: Use the example provided for cars on the TryIt Editor and change it to write 6 brands of chocolate. Make sure to change the string (or text value=cars to something more appropriate).
  • Data Types – define: dynamic (data) types, JavaScript Strings, JavaScript Numbers, JavaScript Booleans, JavaScript Arrays, JavaScript Objects.

W3Schools > We will use W3Schools when learning about the Markup languages.