javascript – Page 2 – Make Me Engineer

message.content doesn’t have any value in Discord.js

Make sure you enable the message content intent on your developer portal and add the GatewayIntentBits.MessageContent enum to your intents array. Applications ↦ Settings ↦ Bot ↦ Privileged Gateway Intents You’ll also need to add the MessageContent intent: const client = new Client({ intents: [ GatewayIntentBits.DirectMessages, GatewayIntentBits.Guilds, GatewayIntentBits.GuildBans, GatewayIntentBits.GuildMessages, GatewayIntentBits.MessageContent, ], partials: [Partials.Channel], }); If … Read more

React Native Android build failure with different errors without any changes in code for past days due to publish of React Native version 0.71.0-rc.0

The build failures for Android was due to the publish of the React Native version 0.71.0-rc0. Note: Error may be different but this would be the solution if you are getting android build failures without any changes in code for past two days before trying these methods please revert back every changes you have done … Read more

Why useEffect running twice and how to handle it well in React?

This is normal behavior since React 18 when you are in development with StrictMode. Here is an overview of what they say in the doc: In the future, we’d like to add a feature that allows React to add and remove sections of the UI while preserving state. For example, when a user tabs away … Read more

How to format a number with commas as thousands separators?

I used the idea from Kerry’s answer, but simplified it since I was just looking for something simple for my specific purpose. Here is what I have: function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, “,”); } function numberWithCommas(x) { return x.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, “,”); } function test(x, expect) { const result = numberWithCommas(x); const pass = result === expect; … Read more

Loop over an array in JavaScript

TL;DR Your best bets are usually a for-of loop (ES2015+ only; spec | MDN) – simple and async-friendly for (const element of theArray) { // …use `element`… } forEach (ES5+ only; spec | MDN) (or its relatives some and such) – not async-friendly (but see details) theArray.forEach(element => { // …use `element`… }); a simple … Read more

Accessing an object property with a dynamically-computed name

There are two ways to access properties of an object: Dot notation: something.bar Bracket notation: something[‘bar’] The value between the brackets can be any expression. Therefore, if the property name is stored in a variable, you have to use bracket notation: var something = { bar: ‘foo’ }; var foo = ‘bar’; // both x … Read more

Highlight Menu Item when Scrolling Down to Section

EDIT: I have modified my answer to talk a little about performance and some particular cases. If you are here just looking for code, there is a commented snippet at the bottom. Original answer Instead of adding the .active class to all the links, you should identify the one which attribute href is the same … Read more

How to ignore acute accent in a javascript regex match?

The standard ecmascript regex isn’t ready for unicode (see http://blog.stevenlevithan.com/archives/javascript-regex-and-unicode). So you have to use an external regex library. I used this one (with the unicode plugin) in the past : http://xregexp.com/ In your case, you may have to escape the char é as \u00E9 and defining a range englobing e, é, ê, etc. EDIT … Read more

How to prevent invalid characters from being typed into input fields

To prevent it from being set in the first place, you can return false on the keydown event handler, thus preventing the event from propagating any further. I wrote the example below using jQuery, but you can use the same function when binding traditionally. Though it’s important to validate on the server-side as well, client-side … Read more

Cross-browser (IE8-) getComputedStyle with Javascript?

Here’s a cross-browser function to get a computed style… getStyle = function (el, prop) { if (typeof getComputedStyle !== ‘undefined’) { return getComputedStyle(el, null).getPropertyValue(prop); } else { return el.currentStyle[prop]; } } You may store it as an utility within an object, or just use it as provided. Here’s a sample demo! // Create paragraph element … Read more

+ More