Grundsätzlich brauchst du zum vernünftig Scripten erstmal ein Verständnis vom Sprachkern, der wird von Siemens in den meisten Beispielen & der F1-Hilfe vorausgesetzt.
Dazu habe ich mir "JavaScript: Das umfassende Handbuch." (ISBN 3836256967) reingezogen.
Fürs Scripten in Panels ist aber unterm Strich nur ca. die erste Hälfte des Buchs wirklich relevant.
Bonus: das Teil hat eine nette Größe um es vorlauten "kann doch nicht so schwer sein"-Kollegen auf den Tisch zu pfeffern (✿◠‿◠)
Ansonsten gibt es unmengen Tutorials im Internet, beispielsweise
hier.
Speziell wenn man Nachhilfe zu spezielleren Themen wie z.B. promises sucht ist das große G dein Freund.
Aufgrund der Masse an Trainingsmaterial spucken LMMs auch ganz gute Erklärungen aus bzw. erklären auch Code-Beispiele ganz brauchbar.
Wenn man JS an sich mal begriffen hat, kommt der Rest über die F1-Hilfe zu den jeweiligen Funktionen & Methoden.
Pass auf bei Funktionen die Arrays verwenden oder zurückgeben. Das [] sieht, je nach Schriftart, manchmal aus wie ein Zeichenfehler & nicht wie ein
[].
Ansonsten:
SIMATIC WinCC Unified - Tipps und Tricks zur Skripterstellung (JavaScript)
Halte dich speziell an den JS Styleguide (oder heul leise bei der Fehlersuche

)
support.industry.siemens.com
Engineering-Richtlinie für WinCC Unified
support.industry.siemens.com
WinCC Unified JavaScript Code entwickeln und Styleguide prüfen mit Visual Studio Code
support.industry.siemens.com
SIMATIC WinCC Unified - Toolbox
(Beispiele was man so machen kann)
support.industry.siemens.com
Zum automatischen Formatieren des JS-Codes kannst du Notepad++ mit dem JS-Tools Plugin oder Visual Studio Code verwenden.
Weiß der Teufel wieso die indischen Coding-Monkeys von Siemens so eine Grundfunktion nicht in den TIA-Editor eingebaut haben....
Stand wohl nicht im Lastenheft ¯\_(ツ)_/¯