globalThis | ECMAScript spec-compliant polyfill/shim for `globalThis` | Reactive Programming library

I have a form that request user data(name) and then when they click the "check" button the form will get replaced by a div and display the name in it. Then when the user clicks the "edit" button the user gets prompt back to the form but with the previous entered data. I want to know how to display the details back in the form.

trying to use jQuery on this part of my angular ts code:

I'm attempting to make a Google style table visualization that has built-in column filters and have pretty much everything figured out, except how to update properties for the correct table object when a page has more than one instance. I'm aware of the globalThis problem and have gotten around that with a variable that captures the identity of the table object, but it always ends up equaling the id of the last instance created.

I have searched stackoverflow's questions and also looked over some JS training, but still don't find a solution that works for my situation. Or maybe I have, but I didn't understand it well enough. I'm still quite green with JS.

Here's a sample of my code with noted trouble points. It may be a bit much to get the general point across, but I figure it may put my problem into perspective, if that's helpful.

Suppose I have the following JavaScript class code. (EDIT: the code is running as an ES6 module that is imported using the standard ES6 "import" statement. So the following class is in a standalone file "C.js")

Hello! I'm trying to add slide animation to this script, everything is working fine but after reaching the limit, when index is 0 again, the photos start to disappear. I also used script to remove animation after it's done but still nothing. Also I don't see any errors in console. What can be wrong?

I'm working on a custom function for Google Sheets, that receives a cell value as input and spits out the response from an API call. Knowing thatin the current stage Google Analytics Reporting API can't be directly used with the custom function, I'm following this and this workaround.

The function that runs the API call to the Google Analytics Reporting API includes a JSON-formatted request with metrics, dimensions, filters, etc. The problem is that the dimension filter is variable and I want that to be the input from Google Sheets. However, I keep getting this error message:

GoogleJsonResponseException: API call to analyticsreporting.reports.batchGet failed with error: Field request.dimensionFilterClauses.filters.expressions is required. (line 2, file "Code")

I'm developing in an environment where the JS-engine doesn't have a global variable (e.g. window, global, globalThis, or this, etc.). Instead all the variables that are normally accessible through the global object, like window.Math, are accessible by just using Math.

So in order for Webpack to work I need to define my own implementation of the global variable. I tried googling around and couldn't find any answers for this use case. Webpack has a config for output.globalObject, but that that doesn't seem to work for this.

Webpack version: 5

I am building a page with multiple timers on it. The timers are created when a user clicks a button. So let's say user clicks "K Timer 1" button. The JS created a new timer I want to reference as "KT1" or timers['KT1'].

Here is the way I am trying to do it and you JS peeps are probably laughing at my solution right now. That's OK. I am much more at home with PHP.

HTML

As the title states, when using Pixi.js in SvelteKit, ONLY and ONLY while building the application, it will spit out a "self is not defined" error, and it traces back to the @pixi/settings module. I have tried every possible way that I know to fix this. First I used a shim to give it some dummy information, but that didn't work: