DOM element creation

Source code

window.onload = function() {
    "use strict";

    // Create a paragraph and add some text
    let para = document.createElement('p');
    let textNode = document.createTextNode('This is a created paragraph with ');
    para.appendChild(textNode);

    // Add a link to the end of the paragraph.
    let link = document.createElement('a');
    textNode = document.createTextNode('a link to my site.');
    link.setAttribute('href', 'http://kermit.kish.edu/~dklick/');
    link.setAttribute('target', '_blank');
    link.appendChild(textNode)
    para.appendChild(link);

    // Create a simple list
    let list = document.createElement('ol');
    let names = 'up:down:charm:strange:top:bottom'.split(':');
    for (let i=0; i<names.length; i++) {
        let listItem = document.createElement('li');
        textNode = document.createTextNode(names[i]);
        listItem.appendChild(textNode);
        list.append(listItem);
    }
    
    // Add paragraph and list to existing document
    let target = document.getElementById('addHere');
    target.appendChild(para);
    target.appendChild(list);
};