create in DOM

src/gui/userButton.js

+globalThis.userButton = function() {
+	const el = new DocumentFragment();
+	const _Pass = passage();
+	let div = document.createElement("div");
+	div.style.fontWeight = "bold";
+	// We must always have a named element so we have something to refresh even if the button is hidden for a scene
+	if (_Pass !== "End Week") {
+		if (_Pass === "Main") {
+			div.id = "endWeekButton";
+			div.append(
+				App.UI.DOM.link(
+					"END WEEK",
+					() => endWeek()
+				)
+			);
+			div.append(" ");
+			App.UI.DOM.appendNewElement("span", div, App.UI.Hotkeys.hotkeys("endWeek"), "hotkey");
+			el.append(div);
+			if (V.rulesAssistantAuto === 1 && DefaultRulesError()) {
+				App.UI.DOM.appendNewElement("div", el, `WARNING: Rules Assistant has rules with errors!`, "yellow");
+			}
+		} else {
+			div.id = "nextButton";
+			if (V.nextButton !== " ") {
+				div.append(
+					App.UI.DOM.passageLink(
+						V.nextButton,
+						V.nextLink
+					)
+				);
+				div.append(" ");
+				App.UI.DOM.appendNewElement("span", div, App.UI.Hotkeys.hotkeys("nextLink"), "hotkey");
+			}
+			el.append(div);
+		}
+	}
+	return el;
+};
+
+globalThis.updateUserButton = function() {
+	return jQuery("#nextButton").empty().append(userButton());
+};