CodePen Embed - First JS PEN

<h4> Output using individual index reference </h4>
<ul id="indexReference"> </ul>

<h4> Output using for loop </h4>
<ul id="forLoop"> </ul>

var motorcycleBrands = ["Harley-Davidson", "Honda", "Kawasaki", "Suzuki"];
let indexReference = document.getElementById("indexReference");
indexReference.innerHTML =
  "<li>" + motorcycleBrands[0] + "</li>" +
  "<li>" + motorcycleBrands[1] + "</li>" +
  "<li>" + motorcycleBrands[2] + "</li>" +
  "<li>" + motorcycleBrands[3] + "</li>";

let forLoop = document.getElementById("forLoop");
for (let i = 0; i < motorcycleBrands.length; i += 1) {
  forLoop.innerHTML += "<li>" + motorcycleBrands[i] + "</li>";
}

Run Pen

This Pen is owned by Chris Kaelin on CodePen.

See more by @EagleUK on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.