Как упростить создание функций в JavaScript

Оффтоп javascript
1

Разрабатываю приложение на JavaScript для показа карт результатов выборов в США. Сейчас у меня есть отдельная функция для каждого года выборов, но думаю, что должен быть более простой способ.

Вот мой текущий код:

var map2020 = "<img src='election2020.png' width='600' height='300'>";
var map2016 = "<img src='election2016.jpg' width='600' height='300'>";

function show2020Results(){
    document.getElementById("content").innerHTML = map2020;
}

function show2016Results(){
    document.getElementById("content").innerHTML = map2016;
}

Можно ли создать одну универсальную функцию, которая принимает год как параметр? Как лучше работать с переменными изображений в таком случае? Буду благодарен за любые советы по оптимизации этого кода.

2

Я бы сделал через объект maps и одну функцию showResults(year):

const electionMaps = {
  2020: 'election2020.png',
  2016: 'election2016.jpg'
};

function showResults(year) {
  const imagePath = electionMaps[year];
  if (imagePath) {
    document.getElementById('content').innerHTML = `<img src='${imagePath}' width='600' height='300'>`;
  }
}

Так проще добавлять новые годы - просто записываешь в объект. Код не дублируется.

3

Можно создать объект с годами и путями к картинкам, потом одну функцию, которая по году достает нужную картинку. Типа const maps = {2020: 'election2020.png', 2016: 'election2016.jpg'} и функция принимает год как параметр. А если годов станет намного больше? Планируешь добавлять другие выборы?