var title = document.getElementById('title');
var subtitle = document.getElementById('subtitle');
var content = document.getElementById('content');

title.firstChild.nodeValue = "Colors";
subtitle.firstChild.nodeValue += " John Doe";

var list = document.createElement('ul');
for (var i = 0, l = colors.length; i < l; ++i) {
  var item = document.createElement('li');
  item.className = "item";
  item.appendChild(document.createTextNode(colors[i]));
  list.appendChild(item);
}

content.appendChild(list);

Test #2

Title *

Async

Code *

var title = document.getElementById('title');
title.innerHTML = "Colors";

var subtitle = document.getElementById('subtitle');
subtitle.innerHTML += " John Doe";

var list = "<ul>";
for (var i = 0, l = colors.length; i < l; ++i) {
  list += "<li class='item'>" + colors[i] + "</li>";
}
list += "</ul>";

var content = document.getElementById('content');
content.innerHTML = list;

Test case details

Preparation Code

Test cases

Test #1

Test #2