I have planned to get a rid of jQuery, just to learn more plain javascript to build my own libraries. I have created function __ similar to jQuery’s $. First prototype method I choose to be _addClass which actually add a class to DOM element(s); Html code is simple: (() => { function __(arg) {… Read More Function methods in prototype become undefined
Suppose I have a custom HTML element tag <custom-table> with an attribute tableVal="10". I would like to easily fetch the tableVal without using .getAttribute() (since I’m creating a public API that is easy-to-use). Here’s what I’m trying to do: var customElement = document.querySelector(‘custom-table’); console.log(customElement.val) Output: undefined Expected Output: 10 This is my current try: Object.setPrototypeOf(customElements.prototype,… Read More Prototypes on Custom Elements
let animal = { eats: true }; let rabbit = { __proto__: animal, // (*) jumps: true, // (**) }; console.log(Object.keys(rabbit)); // [jumps] for(let prop in rabbit) console.log(prop); // jumps, eats Why do inherited properties in the (*) line print later than property in the (**) line when we print properties in the for..in loop,… Read More Why do inherited properties print later than other properties?
I know we can’t use Array.prototype.map on strings like const str = ‘MY NAME IS USER’; const result = str.map(c => c); // “Uncaught TypeError: str.map is not a function” console.log(result); This will result in error states: "Uncaught TypeError: str.map is not a function" But today I came across a code snipet where I can… Read More How can we use Array.prototype.map on strings?
global.d.ts declare global { export interface Window { … } export {} I realized that export {} has an effect on redefining window module. I saw a brief explanation that export {} makes the d.ts file a module. However, I didn’t understand how d.ts became a module would affect the typescript. Is there any document… Read More How export {} affects declare global
this is my first question on StackOverflow ! 🙂 To be honest I’m about to destroy my whole setup. My code is making me crazy. My problem is, I am not able to fill a dynamic array with the return of a function. My goal here is, for each array box, fill it with a… Read More Attribute return of a function to an array
The prototype of GetCurrentDirectory DWORD GetCurrentDirectory( [in] DWORD nBufferLength, [out] LPTSTR lpBuffer ); DWORD is unsigned long, LPTSTR is a pointer to wchar buffer in Unicode environment. It can be called from C++ #define MAX_BUFFER_LENGTH 256 int main() { TCHAR buffer[MAX_BUFFER_LENGTH]; GetCurrentDirectory(MAX_BUFFER_LENGTH, buffer); return 0; } I tried to encapsulate this win32 function in C#,… Read More How to call the Win32 GetCurrentDirectory function from C#?
The following data exists in the database: [ { "_id": { "$oid": "628c787de53612aad30021ab" }, "ticker": "EURUSD", "dtyyyymmdd": "20030505", "time": "030000", "open": "1.12161", "high": "1.12209", "low": "1.12161", "close": "1.12209", "vol": "561", "id": 1 }, { "_id": { "$oid": "628c787de53612aad30021ac" }, "ticker": "EURUSD", "dtyyyymmdd": "20030505", "time": "030100", "open": "1.12206", "high": "1.1225", "low": "1.12206", "close": "1.1225", "vol": "1223",… Read More Unable to retrieve multiple values from database
The following code produces the desired result but is there a way to refactor it to eliminate the accumulator variable? const data = [ { id: “428”, date: “2017-01-24” }, { id: “526”, date: “2022-01-01” }, { id: “428”, name: “George” }, { id: “526”, name: “Sam” }, { id: “827”, name: “Dan” } ];… Read More eliminate a variable for an accumulation operation
I’m trying to change the class of an specific div that i click, using this: let divs = document.querySelectorAll(‘.x’); function idk(){ Array.prototype.forEach.call(divs, function(element) { element.classList.add(‘y’); Array.prototype.forEach.call(divs, function(element) { element.classList.remove(‘x’); }); }); } .y{ transition: 0.5s; transform: rotateY(180deg); } <div id=”d1″> <div id=”c1″ class=”x” onclick=”idk()”>a</div> <div id=”c2″ class=”x” onclick=”idk()”>b</div> <div id=”c3″ class=”x” onclick=”idk()”>c</div> </div> This code… Read More How can i get a index value of a div just clicking on it?