Как задать аргументам функции значения инпутов?

Всем привет! Есть задача в которой надо создавать календарь по текущей дате. Реализация есть:

let inputYear = document.getElementById('year');
let inputMonth = document.getElementById('month');
let showDesiredDateButton = document.getElementById('#button');

showDesiredDateButton.addEventListener('click', function() {
  createTable(inputYear, inputMonth);
  fillTableTd(getAllDatesInMonth(inputYear, inputMonth));
  hideEmptyCells();
});
<div id="input-date">
  <input id="year" placeholder="Year" type="text">
  <input id="month" placeholder="Month" type="text">
  <button id="button">Показ Даты</button>
</div>

Но, так не работает - выдает ObjectInputElement.

А, если вызвать функции так, как ниже, то всё работает как надо:

  createTable(2020,3);
  fillTableTd(getAllDatesInMonth(2020,3));
  hideEmptyCells();

Я новичок в программировании. Помогите, если есть идеи и, желательно, как можно по-простому.


Ответы (1 шт):

Автор решения: Air

function setArg(y, m) {
  console.log(y, m)
}


btn.addEventListener('click', function() {
  setArg(year.value, month.value);
});
<div id="input-date">
  <input id="year" placeholder="Year" type="text">
  <input id="month" placeholder="Month" type="text">
  <button id="btn">Показ Даты</button>
</div>

→ Ссылка