I would like to add a page settings.html to my chrome extension to keep the popup.htmlas clean as possible with only a few buttons. All settings should be done in a seperated popup called settings.html.

I have added a settings-btn which should link to the settings.html file. On the settings.html I have a button called 'back-btn' which then should link back to the popup.html after the user has done all settings.

I tried to open it like this from my popup.js (my main GUI):

let settingsButton = document.getElementById('settings-btn');

settingsButton.addEventListener('click', function () {
    chrome.browserAction.setPopup({ popup: 'settings.html' });
});

But that is doing nothing.

What would be the correct way to use more than one "popup" in a chrome extension?