Auffang-Element in app.js: ein fehlendes Element bricht nicht mehr den Render

Gemessen: 95 direkte $("id")-Zugriffe, 0 davon abgesichert - obwohl die Regel
"neue Elemente per const el = $(..); if (el) {..}" seit 01.08. in CLAUDE.md
steht. Eine Regel mit 0 Prozent Befolgung ist keine Regel, also loest es jetzt
der Code an EINER Stelle statt an 95.

$() gibt bei fehlendem Element ein detachiertes <span> zurueck statt null,
plus einmalige console.warn je ID (kein stiller Fallback - das war der
catch{}-Fehler in pollSnapshot).

?. war NICHT die Loesung: 80 der 95 Zugriffe sind Zuweisungen, und
$("x")?.y = v ist ein Syntaxfehler.

$streng() ist der wichtige Teil. Alle Eingabefelder sind type="number", und
leer heisst dort ausdruecklich "Stop entfernen" (sl: null). Mit dem
Auffang-Element waere .value undefined -> parseFloat NaN -> JSON.stringify
macht daraus wieder null: eine fehlende Eingabemaske haette den Broker-SL
einer laufenden Position stillschweigend geloescht. Betroffen war genau eine
Funktion (sendSltp); setSrMin/setEmg/setManualMargin/setMarginPct fangen NaN
bereits ab (geprueft, nicht angenommen).

Beide Richtungen an einem Minimal-DOM verifiziert, das eine alte index.html
simuliert: mit der alten $-Definition bricht der Render beim ZWEITEN Feld ab,
mit der neuen laeuft er durch. Der Order-Pfad bricht in beiden Faellen sauber
ab.

Asset-Version v=149 -> v=150.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

This commit is contained in:

Axel Hocks

2026-08-07 07:34:01 +02:00

co-authored by

Claude Opus 5

parent e7112e1ab6

commit 3e8fa9fea8

3 changed files with 88 additions and 6 deletions

									
										web/index.html
									
		+2
		-2
	
												View File
												
				@@ -6,7 +6,7 @@

				  <meta name="theme-color" content="#0d1117">

				  <title>Oil · MT5</title>

				  <link rel="manifest" href="manifest.json">

				  <link rel="stylesheet" href="style.css?v=149">

				  <link rel="stylesheet" href="style.css?v=150">

				</head>

				<body>

				  <!-- Modul-Menü (ganz oben) -->

				@@ -330,6 +330,6 @@

				  </div>

				  <div id="toast" class="toast hidden"></div>

				  <script src="app.js?v=149"></script>

				  <script src="app.js?v=150"></script>

				</body>

				</html>