JavaScript Range Of Years__

by Adi Jaya

HTML

<h2>Demo 1</h2>
<ul id="demo1"></ul>
  
<h2>Demo 2</h2>
Year : <select id="demo2"></select>

JavaScript

function getRangeOfYears(startYear, endYear) {
  var yearArr = [];
  for (var i = startYear; i <= endYear; i++) {
    yearArr.push(startYear++);
  }
  return yearArr;
}

console.log(getRangeOfYears(1996, 2000));
console.log(getRangeOfYears(1996, new Date().getFullYear()));

//demo
function $(id) {
  return document.getElementById(id);
}

var App = {
  list: function(elId, arr) {
    for (var i = 0; i < arr.length; i++) {
      $(elId).innerHTML += "<li>"+ arr[i] +"</li>";
    }
  },
  option: function(elId, arr) {
    for (var i = 0; i < arr.length; i++) {
      $(elId).innerHTML += "<option value='"+ arr[i] +"' data-index='"+ (i + 1) +"'>"+ arr[i] +"</option>";
    }
  }
}

App.list("demo1", getRangeOfYears(1995, 2000));
App.option("demo2", getRangeOfYears(1980, new Date().getFullYear()));