script.js

var absen = ['102', '103', '104', '105', '106', '107', '108', '109', '110', '111', '112', '113', '114', '115', '116', '117', '118', '119', '120','121', '122', '123', '124', '125', '126', '127', '128','129', '130', '131', '132', '133', '134', '135', '136', '137', '138', '139', '140', '141', '142', '143', '144', '201', '202', '203', '204', '205', '206', '207', '208', '209', '210', '211', '212', '213', '214', '215', '216','217', '218', '219', '220', '221', '222', '223', '224', '225', '226', '227', '228', '229', '230', '231', '232', '233', '234', '235', '236', '237', '238', '239', '240', '241', '242', '243', '244', '245', '301', '302', '303', '304', '305', '306', '307', '309', '310', '311', '312', '313', '314', '315', '316', '317', '319', '320', '321', '322', '323', '324', '325', '326', '327', '328', '329', '330', '331', '332', '333', '334', '335', '336', '337', '338', '339', '340','342', '343', '344', '401', '402', '403', '404', '405', '406', '407', '408', '409', '410', '411', '412', '413', '414', '415', '416', '417', '418', '419', '420', '421', '422', '423', '424', '425', '426', '427', '428', '429', '431', '432', '433', '434', '435', '436', '437', '438', '439', '440', '441', '442', '443', '444', '445', '502', '503', '504', '505', '506', '507', '508', '509', '510', '511', '512', '513', '514', '515', '516', '517', '518', '519', '520', '521', '522', '523', '524','525', '526', '527', '528', '529', '530', '532', '533', '534', '535', '536', '537', '538', '539', '540', '541', '542', '543', '544', '601', '602', '603', '604', '605', '606', '607', '608', '609', '610', '611', '612', '613', '614', '615', '617', '618', '619', '620', '621', '622', '623', '624', '625', '626', '627', '628','629', '630', '631', '632', '633', '634', '635', '636', '637', '638', '639', '640', '641', '642', '643','644','645', '701', '703', '704', '705', '706', '707', '708', '709', '710', '711', '712', '713', '714', '715', '716', '717', '718', '719', '720', '721', '722', '723', '724', '725', '726', '727', '728', '729', '730', '731', '732', '733', '734', '735', '736', '737', '738', '739', '740', '741', '742', '743', '744', '801', '802', '803', '804', '805', '806', '807', '808', '809', '810', '811', '812', '814','815','816', '817', '818', '819', '820', '821', '822', '823', '824', '826', '827', '828', '829', '830', '831', '832', '833', '834', '835', '836','837', '838', '839', '840','841','842', '843', '844','901', '902'];
var imgs = '';

for (var i = 0; i < absen.length; i++) {
  var direksi = 'img/' + absen[i] + '.png';
  var img = document.createElement('img');
  img.setAttribute('src', direksi);
  imgs += '<a href="detail.html?absen=' + absen[i] + '">' + img.outerHTML + '</a>';
}

var column = document.getElementById('column');
column.innerHTML = imgs;