# Latest

**URL:** https://forum.kirupa.com/latest.md?page=96

[Latest](https://forum.kirupa.com/latest.md) · [Categories](https://forum.kirupa.com/categories.md)

**Page:** 97

---

## [JS Tip of the Day: A Function's Home Object](https://forum.kirupa.com/t/js-tip-of-the-day-a-functions-home-object/643187)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [June 5, 2020, 1:12pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-a-functions-home-object/643187 "2020-06-05T13:12:55Z")

</div>

A Function’s Home Object Version: ES2015 Level: Advanced All JavaScript functions have a internal slot called \[\[HomeObject\]\]. This is used to store a function’s “home object” which is the object in which the function…

---

## [Creating DOM inner HTML from script](https://forum.kirupa.com/t/creating-dom-inner-html-from-script/643087)

<div class="topic-metadata">

**Author:** [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\
**Replies:** 7\
**Last updated:** [June 4, 2020, 7:00pm UTC](https://forum.kirupa.com/t/creating-dom-inner-html-from-script/643087 "2020-06-04T19:00:14Z")

</div>

Hi Guys, i am having difficulty understanding the below code(the code works fine), i means how can we read the \\' (\\'' + id + '\\') when writing the inner HTML from the Js file. i mean why we add \\' to (' + id + ') in t…

---

## [JS Tip of the Day: Custom Serialization With toJSON](https://forum.kirupa.com/t/js-tip-of-the-day-custom-serialization-with-tojson/643071)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [June 3, 2020, 2:30pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-custom-serialization-with-tojson/643071 "2020-06-03T14:30:37Z")

</div>

Custom Serialization With toJSON Level: Intermediate Just like Objects have their own toString() method for determining how they’re converted (most of the time) to strings, they too can have a toJSON() method for deter…

---

## [Add reCAPTCHA v3 to my form validation](https://forum.kirupa.com/t/add-recaptcha-v3-to-my-form-validation/643067)

<div class="topic-metadata">

**Author:** [@Mary\_Pieroszkiewicz](https://forum.kirupa.com/u/Mary_Pieroszkiewicz)\
**Replies:** 1\
**Last updated:** [June 3, 2020, 5:31am UTC](https://forum.kirupa.com/t/add-recaptcha-v3-to-my-form-validation/643067 "2020-06-03T05:31:09Z")

</div>

Yesterday I experienced a crisis with my programming. I am not yet at this stage where I can easily write it. I need reCAPTCHA v3 in the form in the project. I added the code which is in Google documentation. Now I have …

---

## [javascript 2D array](https://forum.kirupa.com/t/javascript-2d-array/643062)

<div class="topic-metadata">

**Author:** [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\
**Replies:** 4\
**Last updated:** [June 3, 2020, 5:21am UTC](https://forum.kirupa.com/t/javascript-2d-array/643062 "2020-06-03T05:21:39Z")

</div>

hi guys, i am working through one of the hackerrank challenge, but kind of stuck while pushing the value into INTEGER\_ARRAY, i am getting error as TypeError: Cannot read property ‘push’ of undefined. as per my understa…

---

## [spread operator(... array) + push function in Array javascript](https://forum.kirupa.com/t/spread-operator-array-push-function-in-array-javascript/643063)

<div class="topic-metadata">

**Author:** [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\
**Replies:** 1\
**Last updated:** [June 2, 2020, 7:51pm UTC](https://forum.kirupa.com/t/spread-operator-array-push-function-in-array-javascript/643063 "2020-06-02T19:51:50Z")

</div>

hi guys, I am a bit confused with the two below queries, really tankful if someone can clarify my concepts. :slight\_smile: Query 1: when using spread operator in a function it de-structure and passes it as arguments …

---

## [Creating a Sliding Menu in React with React Motion](https://forum.kirupa.com/t/creating-a-sliding-menu-in-react-with-react-motion/636236)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 32\
**Last updated:** [June 2, 2020, 11:37am UTC](https://forum.kirupa.com/t/creating-a-sliding-menu-in-react-with-react-motion/636236 "2020-06-02T11:37:41Z")

</div>

by kirupa | 11 December 2016 In UIs today, sliding menus are all the rage. These menus are basically off-screen elements that slide into view when you click or tap on something that looks like an arrow, a hamburg…

---

## [Setting Drop Shadows on SVGs](https://forum.kirupa.com/t/setting-drop-shadows-on-svgs/643056)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [June 2, 2020, 5:24am UTC](https://forum.kirupa.com/t/setting-drop-shadows-on-svgs/643056 "2020-06-02T05:24:08Z")

</div>

This is a companion discussion topic for the original entry at https://www.kirupa.com/css/shadows\_svg.htm

---

## [JS Tip of the Day: String Conversions in Depth](https://forum.kirupa.com/t/js-tip-of-the-day-string-conversions-in-depth/643047)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [June 1, 2020, 1:51pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-string-conversions-in-depth/643047 "2020-06-01T13:51:15Z")

</div>

String Conversions in Depth Version: ES2015 (Symbol, Symbol.toPrimitive) Level: Advanced Converting values to strings is such a trivial thing, it’s easy to overlook the complexities of it. That is, maybe, at least un…

---

## [Controlling fonts (in a div\_ in reactjs](https://forum.kirupa.com/t/controlling-fonts-in-a-div-in-reactjs/643039)

<div class="topic-metadata">

**Author:** [@SunbeamRapier](https://forum.kirupa.com/u/SunbeamRapier)\
**Replies:** 1\
**Last updated:** [June 1, 2020, 5:41am UTC](https://forum.kirupa.com/t/controlling-fonts-in-a-div-in-reactjs/643039 "2020-06-01T05:41:13Z")

</div>

I saw you had another article along these lines, but using the old class structure in reactJS. I am trying to figure out how to control the font in a div so that I can change it on mouse-over and on mouse-click. I am u…

---

## [JS Tip of the Day: Copying Accessor Properties](https://forum.kirupa.com/t/js-tip-of-the-day-copying-accessor-properties/642997)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [May 28, 2020, 2:29pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-copying-accessor-properties/642997 "2020-05-28T14:29:19Z")

</div>

Copying Accessor Properties Version: ES2015 (Object.assign), ES2017 (Object.getOwnPropertyDescriptors) Level: Intermediate In using Object.assign() to copy properties into an object, you’re assigning new properties mu…

---

## [What is UI Virtualization?](https://forum.kirupa.com/t/what-is-ui-virtualization/642986)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [May 27, 2020, 7:24am UTC](https://forum.kirupa.com/t/what-is-ui-virtualization/642986 "2020-05-27T07:24:32Z")

</div>

This is a companion discussion topic for the original entry at https://www.kirupa.com/hodgepodge/ui\_virtualization.htm

---

## [.map and .filter methods confusion with return statement javascript](https://forum.kirupa.com/t/map-and-filter-methods-confusion-with-return-statement-javascript/642981)

<div class="topic-metadata">

**Author:** [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\
**Replies:** 2\
**Last updated:** [May 26, 2020, 5:07pm UTC](https://forum.kirupa.com/t/map-and-filter-methods-confusion-with-return-statement-javascript/642981 "2020-05-26T17:07:20Z")

</div>

Hi Guys, I am a bit struggling with the return for the below two scenarios, using .map and .filter functions. why the return statement when using the .filter methods return the items in the items array rather then boll…

---

## [Avoiding Unnecessary Renders in React](https://forum.kirupa.com/t/avoiding-unnecessary-renders-in-react/637362)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 14\
**Last updated:** [May 26, 2020, 2:52pm UTC](https://forum.kirupa.com/t/avoiding-unnecessary-renders-in-react/637362 "2020-05-26T14:52:57Z")

</div>

by kirupa | 28 October 2017 You are probably really tired of me saying this, but fast DOM performance is one of the biggest feathers in React's cap. That doesn't mean you get all of that great performance for fre…

---

## [Use Javascript to randomly select an image from a folder at the start of a css animation loop?](https://forum.kirupa.com/t/use-javascript-to-randomly-select-an-image-from-a-folder-at-the-start-of-a-css-animation-loop/642963)

<div class="topic-metadata">

**Author:** [@Felix\_Meyburgh](https://forum.kirupa.com/u/Felix_Meyburgh)\
**Replies:** 4\
**Last updated:** [May 25, 2020, 4:56pm UTC](https://forum.kirupa.com/t/use-javascript-to-randomly-select-an-image-from-a-folder-at-the-start-of-a-css-animation-loop/642963 "2020-05-25T16:56:24Z")

</div>

Please can someone help me? I’m new to coding at the tender age of 64 (trying to reinvent myself). I’m trying to create multi - animations of images “flying” around my webpage infinitely. Here is one of the loops. Every …

---

## [Using Generators to Animate FTW!](https://forum.kirupa.com/t/using-generators-to-animate-ftw/642960)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [May 24, 2020, 5:20am UTC](https://forum.kirupa.com/t/using-generators-to-animate-ftw/642960 "2020-05-24T05:20:33Z")

</div>

The latest tip by @senocular around using generators to animate the sorts of things you could never animate has solved a problem that has been bugging me for several years. I had been unsuccessfully trying to animate the…

---

## [JS Tip of the Day: Using Generators to Animate](https://forum.kirupa.com/t/js-tip-of-the-day-using-generators-to-animate/643058)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [May 23, 2020, 4:00pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-using-generators-to-animate/643058 "2020-05-23T16:00:58Z")

</div>

Using Generators to Animate Version: ES2015 Level: Intermediate Sometimes you want to animate things that weren’t built to be animated. As an example, take this simple bubble sort function that will sort the elements…

---

## [JS Tip of the Day: Labels](https://forum.kirupa.com/t/js-tip-of-the-day-labels/643075)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [May 22, 2020, 3:12pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-labels/643075 "2020-05-22T15:12:08Z")

</div>

---

## [JS Tip of the Day: The Underscore Convention](https://forum.kirupa.com/t/js-tip-of-the-day-the-underscore-convention/643076)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [May 21, 2020, 12:49pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-the-underscore-convention/643076 "2020-05-21T12:49:30Z")

</div>

---

## [helloworld not showing](https://forum.kirupa.com/t/helloworld-not-showing/642875)

<div class="topic-metadata">

**Author:** [@alyo](https://forum.kirupa.com/u/alyo)\
**Replies:** 5\
**Last updated:** [May 21, 2020, 4:01am UTC](https://forum.kirupa.com/t/helloworld-not-showing/642875 "2020-05-21T04:01:24Z")

</div>

I am following along with the tutorial and got stuck at video 13. Easily Creating Your React Dev Environment. The browser won’t display the “Hello,world!” Here is the code bellow: code: index.js import React from "rea…

---

## [Display random images](https://forum.kirupa.com/t/display-random-images/642894)

<div class="topic-metadata">

**Author:** [@leeds42](https://forum.kirupa.com/u/leeds42)\
**Replies:** 2\
**Last updated:** [May 20, 2020, 9:33pm UTC](https://forum.kirupa.com/t/display-random-images/642894 "2020-05-20T21:33:43Z")

</div>

I have been following the article ‘Displaying a random image’ , which uses javascript, and have it working okay. But I would now like to call the function a number of times and display all the images side by side. Somet…

---

## [JS Tip of the Day: Canvas for Bitmaps](https://forum.kirupa.com/t/js-tip-of-the-day-canvas-for-bitmaps/643077)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [May 20, 2020, 1:34pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-canvas-for-bitmaps/643077 "2020-05-20T13:34:38Z")

</div>

---

## [Can’t stop watching this video!](https://forum.kirupa.com/t/can-t-stop-watching-this-video/641812)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 1\
**Last updated:** [May 19, 2020, 8:08pm UTC](https://forum.kirupa.com/t/can-t-stop-watching-this-video/641812 "2020-05-19T20:08:07Z")

</div>

:duck:

---

## [JS Tip of the Day: Console $ Utilities](https://forum.kirupa.com/t/js-tip-of-the-day-console-utilities/643078)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [May 19, 2020, 2:27pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-console-utilities/643078 "2020-05-19T14:27:17Z")

</div>

---

## [History of the Red Dead Franchise!](https://forum.kirupa.com/t/history-of-the-red-dead-franchise/642842)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 6\
**Last updated:** [May 19, 2020, 3:29am UTC](https://forum.kirupa.com/t/history-of-the-red-dead-franchise/642842 "2020-05-19T03:29:32Z")

</div>

This was a long-ish but fun read. I was never a fan of Westerns or Red Dead Redemption itself for that matter, but the history behind it is a different story haha.

---

## [When a program starts is it "Object" that is called or a "function" is called first?](https://forum.kirupa.com/t/when-a-program-starts-is-it-object-that-is-called-or-a-function-is-called-first/642832)

<div class="topic-metadata">

**Author:** [@Vigus](https://forum.kirupa.com/u/Vigus)\
**Replies:** 1\
**Last updated:** [May 18, 2020, 3:17pm UTC](https://forum.kirupa.com/t/when-a-program-starts-is-it-object-that-is-called-or-a-function-is-called-first/642832 "2020-05-18T15:17:34Z")

</div>

An object stores functions. And functions are used to create objects. Doesn’t it looks like chicken and egg problem? Thinking about a Javascript compiler that stores the code and starts running it… Where does it sta…

---

## [kirupa.com - Launching a Centered Pop-Up Window](https://forum.kirupa.com/t/kirupa-com-launching-a-centered-pop-up-window/642835)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [May 18, 2020, 3:06pm UTC](https://forum.kirupa.com/t/kirupa-com-launching-a-centered-pop-up-window/642835 "2020-05-18T15:06:25Z")

</div>

Launching a Centered Pop-Up Window by kirupa | revised 9 October 2004 A common feature that you can see on many Flash sites is the pop-up window. While this site features several tutorials on creating vari…

---

## [kirupa.com - Advanced Rollovers Using Tell Target](https://forum.kirupa.com/t/kirupa-com-advanced-rollovers-using-tell-target/642834)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [May 18, 2020, 2:57pm UTC](https://forum.kirupa.com/t/kirupa-com-advanced-rollovers-using-tell-target/642834 "2020-05-18T14:57:53Z")

</div>

Advanced Rollovers The button rollovers and simple text effects do not provide the level of control you need for creating killer animations. Using Tell Target with a Button can create navigational elements with cust…

---

## [JS Tip of the Day: Kinds of Comparisons](https://forum.kirupa.com/t/js-tip-of-the-day-kinds-of-comparisons/643079)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [May 18, 2020, 12:22pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-kinds-of-comparisons/643079 "2020-05-18T12:22:36Z")

</div>

---

## [This doesn’t make me feel old at all 😇](https://forum.kirupa.com/t/this-doesn-t-make-me-feel-old-at-all/642725)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 1\
**Last updated:** [May 18, 2020, 11:46am UTC](https://forum.kirupa.com/t/this-doesn-t-make-me-feel-old-at-all/642725 "2020-05-18T11:46:28Z")

</div>

In the comments for this video, I ran into this comment: I am looking forward to the day when the grandkids of someone who used the site in the late 1990’s ends up commenting haha. :partying\_face:

[Previous page](https://forum.kirupa.com/latest.md?page=95)

[Next page](https://forum.kirupa.com/latest.md?page=97)
