# Latest

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

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

**Page:** 83

---

## [What do front-end developers do every day?](https://forum.kirupa.com/t/what-do-front-end-developers-do-every-day/650626)

<div class="topic-metadata">

**Author:** [@sephorus](https://forum.kirupa.com/u/sephorus)\
**Replies:** 5\
**Last updated:** [January 30, 2022, 5:10am UTC](https://forum.kirupa.com/t/what-do-front-end-developers-do-every-day/650626 "2022-01-30T05:10:47Z")

</div>

Hello, I am an aspiring front-end developer and I have been doing it as a hobby for a while now but have never had a full-time front-end developer job. I was wondering what the day-to-day looks like for a front-end dev…

---

## [VS Code Live Server](https://forum.kirupa.com/t/vs-code-live-server/650588)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 7\
**Last updated:** [January 25, 2022, 7:45am UTC](https://forum.kirupa.com/t/vs-code-live-server/650588 "2022-01-25T07:45:27Z")

</div>

@kirupa when you are doing the regular coding video tutorials. You can install a vs code plugin called live server to not to have to refresh the html page for each file update manually.

---

## [Code not working for page 136 JavaScript Absolute Beginner's Guide 2nd Edition](https://forum.kirupa.com/t/code-not-working-for-page-136-javascript-absolute-beginners-guide-2nd-edition/650566)

<div class="topic-metadata">

**Author:** [@Sueny](https://forum.kirupa.com/u/Sueny)\
**Replies:** 3\
**Last updated:** [January 23, 2022, 10:01pm UTC](https://forum.kirupa.com/t/code-not-working-for-page-136-javascript-absolute-beginners-guide-2nd-edition/650566 "2022-01-23T22:01:50Z")

</div>

Here is code that must show warning and error messages on the console but it not working

---

## [State of CSS](https://forum.kirupa.com/t/state-of-css/650534)

<div class="topic-metadata">

**Author:** [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Replies:** 3\
**Last updated:** [January 22, 2022, 7:26am UTC](https://forum.kirupa.com/t/state-of-css/650534 "2022-01-22T07:26:08Z")

</div>

---

## [I decided to record a cooking video!](https://forum.kirupa.com/t/i-decided-to-record-a-cooking-video/650417)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 3\
**Last updated:** [January 12, 2022, 6:01pm UTC](https://forum.kirupa.com/t/i-decided-to-record-a-cooking-video/650417 "2022-01-12T18:01:34Z")

</div>

One of our friends asked for a dessert recipe I made for a Christmas party, and my wife suggested I record a video version of it. With my wife taking the video and my daughter and Pixel providing background entertainment…

---

## [CSS transition on body background](https://forum.kirupa.com/t/css-transition-on-body-background/650380)

<div class="topic-metadata">

**Author:** [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Replies:** 18\
**Last updated:** [January 19, 2022, 5:26pm UTC](https://forum.kirupa.com/t/css-transition-on-body-background/650380 "2022-01-19T17:26:53Z")

</div>

I’m trying to change background on body via JavaScript. Most of the info online use CSS :hover style transitions. What I want is doing it via JavaScript. The background-Color changes without animation, even when I have a…

---

## [Having probs with 'Target\[i\].setAttribute()'](https://forum.kirupa.com/t/having-probs-with-target-i-setattribute/650481)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 2\
**Last updated:** [January 19, 2022, 1:42am UTC](https://forum.kirupa.com/t/having-probs-with-target-i-setattribute/650481 "2022-01-19T01:42:08Z")

</div>

Can anyone help me… When I run the code below , I get 3 of these: ‘Target = \[object HTMLOptionElement\]’ and one of these: ‘Target = undefined’. \<html\> \<head\> \<script\> document.addEventListener("DOMContentLoad…

---

## [Creating a Single-Page App in React using React Router](https://forum.kirupa.com/t/creating-a-single-page-app-in-react-using-react-router/636201)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 53\
**Last updated:** [January 18, 2022, 11:55pm UTC](https://forum.kirupa.com/t/creating-a-single-page-app-in-react-using-react-router/636201 "2022-01-18T23:55:33Z")

</div>

by kirupa | 5 March 2017 Now that you've familiarized yourself with the basics of how to work with React, let's kick things up a few notches. What we are going to do is use React to build a simple single-page app …

---

## [Welcome banner on the forums?](https://forum.kirupa.com/t/welcome-banner-on-the-forums/649842)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 8\
**Last updated:** [January 17, 2022, 2:16pm UTC](https://forum.kirupa.com/t/welcome-banner-on-the-forums/649842 "2022-01-17T14:16:55Z")

</div>

The forums always look a bit disconnected from the main site. Fixing that has been a huge pain, but there is a potential solution here by having a small banner that looks similar to what Discourse uses on their forums: …

---

## [Use onchange function elements declared in select tag in another function also?](https://forum.kirupa.com/t/use-onchange-function-elements-declared-in-select-tag-in-another-function-also/650432)

<div class="topic-metadata">

**Author:** [@Behind\_thewebpage](https://forum.kirupa.com/u/Behind_thewebpage)\
**Replies:** 7\
**Last updated:** [January 15, 2022, 9:46pm UTC](https://forum.kirupa.com/t/use-onchange-function-elements-declared-in-select-tag-in-another-function-also/650432 "2022-01-15T21:46:14Z")

</div>

I am trying to create a Button which when clicked will display all the colored notes. But the issue is color of the note is stored in local storage using an onchange function. This code shows how it is stored and how it …

---

## [Spring animation on html canvas](https://forum.kirupa.com/t/spring-animation-on-html-canvas/650448)

<div class="topic-metadata">

**Author:** [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Replies:** 2\
**Last updated:** [January 13, 2022, 6:53pm UTC](https://forum.kirupa.com/t/spring-animation-on-html-canvas/650448 "2022-01-13T18:53:34Z")

</div>

I have been trying to figure out how he made this spring animation where the spring does not redraw different waves on drag but simply expand the whole spring when you drag the weight without losing the structure of the o…

---

## [New books](https://forum.kirupa.com/t/new-books/650433)

<div class="topic-metadata">

**Author:** [@Programmer\_Uz](https://forum.kirupa.com/u/Programmer_Uz)\
**Replies:** 2\
**Last updated:** [January 13, 2022, 5:21am UTC](https://forum.kirupa.com/t/new-books/650433 "2022-01-13T05:21:38Z")

</div>

Hi Kirupa!!! Can you release new books about frontend development? I’m reading your book Learning React, and this book so useful for me. It would be awesome, if you write a new book of Frontend, which wil be named Learni…

---

## [What is a mistake i made in this code?](https://forum.kirupa.com/t/what-is-a-mistake-i-made-in-this-code/650363)

<div class="topic-metadata">

**Author:** [@Programmer\_Uz](https://forum.kirupa.com/u/Programmer_Uz)\
**Replies:** 4\
**Last updated:** [January 8, 2022, 4:57pm UTC](https://forum.kirupa.com/t/what-is-a-mistake-i-made-in-this-code/650363 "2022-01-08T16:57:12Z")

</div>

Hi Kirupa! What is a mistake i made in this code? Where is my mistake? I think, I did all correct, but I can’t see result. I want to do cards as cards in online-shops class Btn extends React.Component { ren…

---

## [Creating a 3x3 grid in CSS](https://forum.kirupa.com/t/creating-a-3x3-grid-in-css/650354)

<div class="topic-metadata">

**Author:** [@radmo](https://forum.kirupa.com/u/radmo)\
**Replies:** 3\
**Last updated:** [January 7, 2022, 11:14pm UTC](https://forum.kirupa.com/t/creating-a-3x3-grid-in-css/650354 "2022-01-07T23:14:15Z")

</div>

Kirupa’s video is the isssue here: Creating a 3x3 Grid in CSS - YouTube Now how to access the innerHTML etc of a specific element in the grid from Javascript? That is the challenge. It seems the grid layout uses a tem…

---

## [JavaScript: Select different background color of each element from different color](https://forum.kirupa.com/t/javascript-select-different-background-color-of-each-element-from-different-color/650328)

<div class="topic-metadata">

**Author:** [@Behind\_thewebpage](https://forum.kirupa.com/u/Behind_thewebpage)\
**Replies:** 4\
**Last updated:** [January 7, 2022, 12:34pm UTC](https://forum.kirupa.com/t/javascript-select-different-background-color-of-each-element-from-different-color/650328 "2022-01-07T12:34:52Z")

</div>

I have a project which is the note-taking website. When someone adds a note it is stored in local storage in the form of an array and a Javascript function works which calls the stored element and runs for each on the el…

---

## [Where is my mistake? Who could help me find it?](https://forum.kirupa.com/t/where-is-my-mistake-who-could-help-me-find-it/650214)

<div class="topic-metadata">

**Author:** [@Programmer\_Uz](https://forum.kirupa.com/u/Programmer_Uz)\
**Replies:** 4\
**Last updated:** [January 7, 2022, 10:07am UTC](https://forum.kirupa.com/t/where-is-my-mistake-who-could-help-me-find-it/650214 "2022-01-07T10:07:05Z")

</div>

\<!DOCTYPE html\> \<html lang="en"\> \<head\> \<meta charset="UTF-8"\> \<meta http-equiv="X-UA-Compatible" content="IE=edge"\> \<meta name="viewport" content="width=device-width, initial-scale=1.0"\> \<title\>My …

---

## [Story Behind the Famous Windows XP Wallpaper!](https://forum.kirupa.com/t/story-behind-the-famous-windows-xp-wallpaper/646353)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 12\
**Last updated:** [January 7, 2022, 7:52am UTC](https://forum.kirupa.com/t/story-behind-the-famous-windows-xp-wallpaper/646353 "2022-01-07T07:52:07Z")

</div>

https://www.sfgate.com/travel/article/Windows-XP-Bliss-Hill-Sonoma-Charles-O-Rear-15976588.php I have read various iterations of this story over the years, and it is still a great read when it resurfaces :grinning:

---

## [Kirupa.com - Random Numbers in JavaScript](https://forum.kirupa.com/t/kirupa-com-random-numbers-in-javascript/352102)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 4\
**Last updated:** [December 31, 2021, 3:33pm UTC](https://forum.kirupa.com/t/kirupa-com-random-numbers-in-javascript/352102 "2021-12-31T15:33:10Z")

</div>

Have questions? Discuss this HTML5 / JavaScript tutorial with others on the forums. In programming, it is often nice to be able to work with numbers whose values are a bit unpredictable. To c…

---

## [Scroll a div while background remains fixed](https://forum.kirupa.com/t/scroll-a-div-while-background-remains-fixed/650263)

<div class="topic-metadata">

**Author:** [@travis](https://forum.kirupa.com/u/travis)\
**Replies:** 0\
**Last updated:** [December 31, 2021, 3:30am UTC](https://forum.kirupa.com/t/scroll-a-div-while-background-remains-fixed/650263 "2021-12-31T03:30:14Z")

</div>

I’ve been playing around with some frontdnd development recently using Svelte and SvelteKit. I’m struggling with an effect that I know I’ve seen before but I don’t know what it’s called so it’s hard to Google it (some sp…

---

## [Fetching Country flags emojis from API in react](https://forum.kirupa.com/t/fetching-country-flags-emojis-from-api-in-react/650062)

<div class="topic-metadata">

**Author:** [@not\_survivng](https://forum.kirupa.com/u/not_survivng)\
**Replies:** 2\
**Last updated:** [December 30, 2021, 12:18am UTC](https://forum.kirupa.com/t/fetching-country-flags-emojis-from-api-in-react/650062 "2021-12-30T00:18:29Z")

</div>

I have a small piece of code from a weather App where it is supposed to look for any city’s weather after searching the name but also fetch the country flag of that city from this website https://www.countryflags.io but …

---

## [I am Getting a Blank Image for Unsplash API](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821)

<div class="topic-metadata">

**Author:** [@Pragati\_Sahane](https://forum.kirupa.com/u/Pragati_Sahane)\
**Replies:** 21\
**Last updated:** [December 24, 2021, 5:53am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821 "2021-12-24T05:53:53Z")

</div>

\<html lang="en"\> \<head\> \<meta charset="UTF-8"\> \<meta http-equiv="X-UA-Compatible" content="IE=edge"\> \<meta name="viewport" content="width=device-width, initial-scale=1.0"\> \</head\> \<style\> body { …

---

## [Semi usefull random Symbol stuff](https://forum.kirupa.com/t/semi-usefull-random-symbol-stuff/650171)

<div class="topic-metadata">

**Author:** [@steve.mills](https://forum.kirupa.com/u/steve.mills)\
**Replies:** 0\
**Last updated:** [December 23, 2021, 7:37am UTC](https://forum.kirupa.com/t/semi-usefull-random-symbol-stuff/650171 "2021-12-23T07:37:34Z")

</div>

Hey guys, I’ve been playing around with some JS Symbol stuff over the Chrissy holly’s and have made up this “class” or should we call it a function that returns an object. It does this: adds entries to the object wit…

---

## [Is this the correct Forum ?](https://forum.kirupa.com/t/is-this-the-correct-forum/650151)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 1\
**Last updated:** [December 22, 2021, 5:00am UTC](https://forum.kirupa.com/t/is-this-the-correct-forum/650151 "2021-12-22T05:00:44Z")

</div>

Please , what am I doing wrong : In index.html : \`\`\` \<button id="go"\>Go\</button\> In renderer : go.addEventListener('click', () =\> { console.log("GO Button Clicked") alert("GO Button Clicked") ipcRenderer.send…

---

## [What was that other way to set CSS styles?](https://forum.kirupa.com/t/what-was-that-other-way-to-set-css-styles/650117)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 2\
**Last updated:** [December 21, 2021, 6:02pm UTC](https://forum.kirupa.com/t/what-was-that-other-way-to-set-css-styles/650117 "2021-12-21T18:02:22Z")

</div>

@senocular - a while ago, as part of your JS Tips of the Day, there was a clever approach for setting CSS styles on elements that you came up with. Do you remember what that is? I’m planning on revising the old tutorial …

---

## [Should I not be using app.on & invoke ?](https://forum.kirupa.com/t/should-i-not-be-using-app-on-invoke/650082)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 0\
**Last updated:** [December 19, 2021, 12:12am UTC](https://forum.kirupa.com/t/should-i-not-be-using-app-on-invoke/650082 "2021-12-19T00:12:39Z")

</div>

Hi Kirupa , I enjoyed your youtube talk on WebView . I am having trouble with a simple browser program , Trying to use electron ipc communication : in renderer.js go.addEventListener(‘click’, () =\> { ipcRenderer.i…

---

## [Can't get the difference](https://forum.kirupa.com/t/cant-get-the-difference/650053)

<div class="topic-metadata">

**Author:** [@banchego](https://forum.kirupa.com/u/banchego)\
**Replies:** 1\
**Last updated:** [December 17, 2021, 10:49am UTC](https://forum.kirupa.com/t/cant-get-the-difference/650053 "2021-12-17T10:49:03Z")

</div>

What’s the difference in these codes if they work same? const name = "Nick"; const age = 21; const print = function(){ console.log(\`Mr. ${name} is ${age} years old\`); }; const person = {name, age, print}; print();…

---

## [Creating Circles using Radial Gradients](https://forum.kirupa.com/t/creating-circles-using-radial-gradients/643020)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 4\
**Last updated:** [December 17, 2021, 6:02pm UTC](https://forum.kirupa.com/t/creating-circles-using-radial-gradients/643020 "2021-12-17T18:02:49Z")

</div>

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

---

## [Quickly Adding Many Elements into the DOM](https://forum.kirupa.com/t/quickly-adding-many-elements-into-the-dom/650047)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [December 16, 2021, 11:35pm UTC](https://forum.kirupa.com/t/quickly-adding-many-elements-into-the-dom/650047 "2021-12-16T23:35:53Z")

</div>

This is a companion discussion topic for the original entry at https://www.kirupa.com/javascript/quickly\_inserting\_elements\_dom.htm

---

## [IF statement in Switch React JS](https://forum.kirupa.com/t/if-statement-in-switch-react-js/650019)

<div class="topic-metadata">

**Author:** [@not\_survivng](https://forum.kirupa.com/u/not_survivng)\
**Replies:** 1\
**Last updated:** [December 15, 2021, 11:06pm UTC](https://forum.kirupa.com/t/if-statement-in-switch-react-js/650019 "2021-12-15T23:06:34Z")

</div>

I’m making a snake game in React and it works fine but I have defined a switch case, where you can control the snake with the arrow keys. But there’s a problem, when the snake is going to one direction I don’t want it to…

---

## [AS3/ TypeScript compiler in Rust](https://forum.kirupa.com/t/as3-typescript-compiler-in-rust/649965)

<div class="topic-metadata">

**Author:** [@steve.mills](https://forum.kirupa.com/u/steve.mills)\
**Replies:** 5\
**Last updated:** [December 13, 2021, 12:29am UTC](https://forum.kirupa.com/t/as3-typescript-compiler-in-rust/649965 "2021-12-13T00:29:43Z")

</div>

Hey peoples, I was having a read of this article: https://jessewarden.com/2012/10/typescript-for-actionscript-developers.html And thought maybe AS3/ Typescript could be a full fledged language that compiles to binary …

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

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