В настоящее время я изучаю JavaScript и у меня возникли проблемы. У меня есть два класса для двух разных «экранов» или страниц, назовем их NewActivityScreen и CalendarScreen . На NewActivityScreen меня есть форма с кнопкой отправки, которая сохраняет входные данные в мой объект newActivity внутри функции NewActivityScreen классе NewActivityScreen .

 submitButton.addEventListener('click', (e) ={amp}gt; { //Prevents the page from loading after submit button is pressed. e.preventDefault(); let newActivity = { name: document.getElementsByName('activity-input')[0].value, date: document.getElementsByName('date-input')[0].value } document.getElementById('activity-form').reset(); this.displayActivity(newActivity); }); 

Когда он делает это, я хотел бы добавить его в класс DisplayScreen поэтому, когда я нажимаю навигационную ссылку для создания нового экрана DisplayScreen я хочу, чтобы результаты отображались на этом экране. Вроде как это:

 displayActivity(activity) { const activityContainer = document.createElement('div') activityContainer.setAttribute('class', 'activity-container') const activityName = document.createElement('h4') const activityDate = document.createElement('h4') activityName.textContent = 'Activity: '   activity.name; activityDate.textContent = 'Date: '   activity.date; document.getElementById('main-content').appendChild(activityContainer) activityContainer.appendChild(activityName); activityContainer.appendChild(activityDate); } 

Теперь проблема заключается в том, что как только я NewActivityScreen кнопку отправки на NewActivityScreen он добавляется на CalendarScreen , что, как говорит мой код, должно. Есть ли способ добавить его в CalendarScreen без двух разных section HTML для страниц?

Вкратце: мне бы хотелось, чтобы при нажатии кнопки displayActivity функция displayActivity в CalendarScreen, если это возможно.

Для справки: мой код выглядит следующим образом: https://pastebin.com/WymQ5H12