# programming

**URL:** https://forum.kirupa.com/c/programming/41.md?page=36

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

**Page:** 37

---

## [Learning React without much CSS background (Learning React)](https://forum.kirupa.com/t/learning-react-without-much-css-background-learning-react/645659)

<div class="topic-metadata">

**Author:** [@Rachit\_Saxena](https://forum.kirupa.com/u/Rachit_Saxena)\
**Replies:** 1\
**Last updated:** [January 11, 2021, 5:47am UTC](https://forum.kirupa.com/t/learning-react-without-much-css-background-learning-react/645659 "2021-01-11T05:47:23Z")

</div>

Hi, I just picked up a book on React “Learning React” by Kirupa. The book is really cool.However I feel that I don’t have much background of CSS mentioned there. Is it correct to go through the book without delving muc…

---

## [What is being passed in the function!](https://forum.kirupa.com/t/what-is-being-passed-in-the-function/645602)

<div class="topic-metadata">

**Author:** [@Belfry777](https://forum.kirupa.com/u/Belfry777)\
**Replies:** 1\
**Last updated:** [January 6, 2021, 9:16pm UTC](https://forum.kirupa.com/t/what-is-being-passed-in-the-function/645602 "2021-01-06T21:16:13Z")

</div>

Hello there, I have been working in the book by Kirupa Chinnathambi (JavaScript: absolute beginner’s guide, chapter 11, console logging basics), and have a question regarding this piece of code below. I am thinking that…

---

## [Default margin](https://forum.kirupa.com/t/default-margin/645560)

<div class="topic-metadata">

**Author:** [@Helena\_G](https://forum.kirupa.com/u/Helena_G)\
**Replies:** 2\
**Last updated:** [January 5, 2021, 2:01am UTC](https://forum.kirupa.com/t/default-margin/645560 "2021-01-05T02:01:32Z")

</div>

Hello, Kirupa members, I’ve build this page https://honey-moon.netlify.app/ In the right site of the menu there is an icon “TALK TO US”, which I call “menu-cta” in the code. This icon should have 20px margin-top an…

---

## [Another article related to the 2020 Flash EOL](https://forum.kirupa.com/t/another-article-related-to-the-2020-flash-eol/643522)

<div class="topic-metadata">

**Author:** [@krilnon](https://forum.kirupa.com/u/krilnon)\
**Replies:** 13\
**Last updated:** [December 31, 2020, 11:52pm UTC](https://forum.kirupa.com/t/another-article-related-to-the-2020-flash-eol/643522 "2020-12-31T23:52:02Z")

</div>

Nothing super new here, although the bit about the Macromedia acquisition being mostly about Flash and not their other apps was news to me. Jonathan Gay and Eric Zocher both point to earlier events as the turning poi…

---

## [Update checkbox List via URL querystring](https://forum.kirupa.com/t/update-checkbox-list-via-url-querystring/645525)

<div class="topic-metadata">

**Author:** [@Three\_X](https://forum.kirupa.com/u/Three_X)\
**Replies:** 0\
**Last updated:** [December 31, 2020, 1:33pm UTC](https://forum.kirupa.com/t/update-checkbox-list-via-url-querystring/645525 "2020-12-31T13:33:49Z")

</div>

I have a URL which have some default model, example.com/selector/ when user type something it update the list \<input type="text" name="filter" placeholder="{{$lang.common\_forms.field\_filter\_hint}}"/\> example.com/sele…

---

## [Answers + Discussion: Dynamically Create and Populate List Items](https://forum.kirupa.com/t/answers-discussion-dynamically-create-and-populate-list-items/638192)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 16\
**Last updated:** [December 30, 2020, 12:17am UTC](https://forum.kirupa.com/t/answers-discussion-dynamically-create-and-populate-list-items/638192 "2020-12-30T00:17:52Z")

</div>

This is the topic to discuss (and post answers) to the Dynamically Create and Populate List Items challenge: https://www.kirupa.com/html5/dynamically\_create\_populate\_list.htm

---

## [Condition in Case Statement](https://forum.kirupa.com/t/condition-in-case-statement/645472)

<div class="topic-metadata">

**Author:** [@OofieDoofie](https://forum.kirupa.com/u/OofieDoofie)\
**Replies:** 1\
**Last updated:** [December 27, 2020, 10:05am UTC](https://forum.kirupa.com/t/condition-in-case-statement/645472 "2020-12-27T10:05:16Z")

</div>

Hi I needed help with some logic and how to approach this. Case 8 EXIT CAVE (while taking damage from nearby monsters) Case 9 MAKE WEAPON Case 10 GO TO BANK A Case 11 DEPOSIT WEAPON Case 12 WITHDRAW MORE MATERI…

---

## [Is emoji are browser specific or OS specific?](https://forum.kirupa.com/t/is-emoji-are-browser-specific-or-os-specific/645379)

<div class="topic-metadata">

**Author:** [@maheshggk](https://forum.kirupa.com/u/maheshggk)\
**Replies:** 1\
**Last updated:** [December 22, 2020, 6:56pm UTC](https://forum.kirupa.com/t/is-emoji-are-browser-specific-or-os-specific/645379 "2020-12-22T18:56:12Z")

</div>

Hi @kirupa Is emoji browser specific or operating system specific? on which version(either OS or Browser) onwards this emoji can work properly. Please share any tutorial so that I can verify and implement it accordingl…

---

## [Learning REACT Chapter 4](https://forum.kirupa.com/t/learning-react-chapter-4/645420)

<div class="topic-metadata">

**Author:** [@joeReact](https://forum.kirupa.com/u/joeReact)\
**Replies:** 1\
**Last updated:** [December 22, 2020, 6:53pm UTC](https://forum.kirupa.com/t/learning-react-chapter-4/645420 "2020-12-22T18:53:48Z")

</div>

Hi Kirupa, I am a beginner in React and following your book. Got stuck in chapter 2. The code is not working. className not doing anything. If I use div div div it’s fine. If I change it to .letter - nothing is happenin…

---

## [Clipping text inside a DIV](https://forum.kirupa.com/t/clipping-text-inside-a-div/645359)

<div class="topic-metadata">

**Author:** [@dannywolf](https://forum.kirupa.com/u/dannywolf)\
**Replies:** 2\
**Last updated:** [December 20, 2020, 9:21pm UTC](https://forum.kirupa.com/t/clipping-text-inside-a-div/645359 "2020-12-20T21:21:44Z")

</div>

Hello, Good People; I am trying to clip text inside a fixed-height DIV using ellipsis but the usual CSS properties do not produce multiple lines of text, instead shrinking my paragraph to a single line when it could occ…

---

## [fall-back image for 'emoji'](https://forum.kirupa.com/t/fall-back-image-for-emoji/645367)

<div class="topic-metadata">

**Author:** [@maheshggk](https://forum.kirupa.com/u/maheshggk)\
**Replies:** 2\
**Last updated:** [December 17, 2020, 7:56pm UTC](https://forum.kirupa.com/t/fall-back-image-for-emoji/645367 "2020-12-17T19:56:48Z")

</div>

How to implement back-up/fall-back image for ‘emoji’(ex: U+1F9EC). This required for browsers which do not support emoji.

---

## [Detecting Touch Swipe Gestures](https://forum.kirupa.com/t/detecting-touch-swipe-gestures/637979)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 6\
**Last updated:** [December 15, 2020, 12:26am UTC](https://forum.kirupa.com/t/detecting-touch-swipe-gestures/637979 "2020-12-15T00:26:51Z")

</div>

by kirupa | 25 March 2018 In our web applications, you and I probably haven't done a whole lot of special work to handle touch-based input. Because touch is often treated as a mouse gesture, a lot of things…

---

## [Handling events for multiple elements](https://forum.kirupa.com/t/handling-events-for-multiple-elements/645305)

<div class="topic-metadata">

**Author:** [@seunawonugba](https://forum.kirupa.com/u/seunawonugba)\
**Replies:** 3\
**Last updated:** [December 14, 2020, 4:32pm UTC](https://forum.kirupa.com/t/handling-events-for-multiple-elements/645305 "2020-12-14T16:32:03Z")

</div>

how can i use a single handler to hide or show multiple HTML elements

---

## [a.addEventListener("click", WhichLinkWasClicked());](https://forum.kirupa.com/t/a-addeventlistener-click-whichlinkwasclicked/645162)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 2\
**Last updated:** [December 4, 2020, 12:33am UTC](https://forum.kirupa.com/t/a-addeventlistener-click-whichlinkwasclicked/645162 "2020-12-04T00:33:46Z")

</div>

Sorry , stumped again: Uncaught SyntaxError: Unexpected identifier “Function WhichLinkWasClicked(evt) {” \<!DOCTYPE html\> \<html\> \<body\> \<p\>This example uses the addEventListener() method to catch which kink was clicke…

---

## [Coding a very basic choice text-based rpg in react](https://forum.kirupa.com/t/coding-a-very-basic-choice-text-based-rpg-in-react/645156)

<div class="topic-metadata">

**Author:** [@StraightUpRader](https://forum.kirupa.com/u/StraightUpRader)\
**Replies:** 6\
**Last updated:** [December 3, 2020, 5:19am UTC](https://forum.kirupa.com/t/coding-a-very-basic-choice-text-based-rpg-in-react/645156 "2020-12-03T05:19:05Z")

</div>

I’m doing this for my final assignment for my GUI class. I’m going into cybersecurity for my masters in a few years and I’m not very good at GUI or any front end coding. I want to essentially code a game that has level…

---

## [Hi! new here, multiple button input question?](https://forum.kirupa.com/t/hi-new-here-multiple-button-input-question/645094)

<div class="topic-metadata">

**Author:** [@spamaloid](https://forum.kirupa.com/u/spamaloid)\
**Replies:** 2\
**Last updated:** [November 30, 2020, 9:25pm UTC](https://forum.kirupa.com/t/hi-new-here-multiple-button-input-question/645094 "2020-11-30T21:25:46Z")

</div>

Hi everyone, I thought the following would be fairly simple to solve, but…no. Would appreciate pointers. I have two sets of four radio buttons each. I want to get the values of the clicked buttons and then direct the u…

---

## [Closure](https://forum.kirupa.com/t/closure/645073)

<div class="topic-metadata">

**Author:** [@closeupman](https://forum.kirupa.com/u/closeupman)\
**Replies:** 1\
**Last updated:** [November 26, 2020, 4:06am UTC](https://forum.kirupa.com/t/closure/645073 "2020-11-26T04:06:27Z")

</div>

No error message in console. The code is exactly as in the book. I only get the good bye and first hello, not the second hello as the book specifies. Not sure what I did wrong. Thanks. \<!doctype html\> \<html\> \<he…

---

## [Variable Scope](https://forum.kirupa.com/t/variable-scope/645072)

<div class="topic-metadata">

**Author:** [@closeupman](https://forum.kirupa.com/u/closeupman)\
**Replies:** 2\
**Last updated:** [November 26, 2020, 3:08am UTC](https://forum.kirupa.com/t/variable-scope/645072 "2020-11-26T03:08:57Z")

</div>

If I run this code with isThePrice2 function, nothing after the alert(warning) is encountered in the function will print out. I only get alerts for 4 and 5. Then NOTHING! If I take out isThePrice2 function, then isTheP…

---

## [Need to place several PNG images over single background PNG image at particular location](https://forum.kirupa.com/t/need-to-place-several-png-images-over-single-background-png-image-at-particular-location/645038)

<div class="topic-metadata">

**Author:** [@Anandhanatarajan](https://forum.kirupa.com/u/Anandhanatarajan)\
**Replies:** 0\
**Last updated:** [November 23, 2020, 5:45am UTC](https://forum.kirupa.com/t/need-to-place-several-png-images-over-single-background-png-image-at-particular-location/645038 "2020-11-23T05:45:18Z")

</div>

I have a background PNG image. I need to place some icons which are also PNG images at specific locations. The first thing is I need to get coordinates of a particular spot on the background image. Then, using those coo…

---

## [Running Your Code at the Right Time](https://forum.kirupa.com/t/running-your-code-at-the-right-time/644971)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 2\
**Last updated:** [November 18, 2020, 11:43am UTC](https://forum.kirupa.com/t/running-your-code-at-the-right-time/644971 "2020-11-18T11:43:23Z")

</div>

I have read your " Running Your Code at the Right Time" so I wrote some code to test it out (chrome): I put the scripts at bottom of page , and expected them to run after the page was fully loaded . But the \[h5\] didn’t…

---

## [Building Your First React App](https://forum.kirupa.com/t/building-your-first-react-app/636221)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 15\
**Last updated:** [November 7, 2020, 4:13pm UTC](https://forum.kirupa.com/t/building-your-first-react-app/636221 "2020-11-07T16:13:50Z")

</div>

by kirupa | 10 October 2016 By now, you probably know all about the backstory of React and how it helps even your most complex user interfaces sing performantly. For all the awesomeness that React brings to the ta…

---

## [Unhidden Topic ;-)](https://forum.kirupa.com/t/unhidden-topic/644673)

<div class="topic-metadata">

**Author:** [@GregB997](https://forum.kirupa.com/u/GregB997)\
**Replies:** 5\
**Last updated:** [November 3, 2020, 11:21pm UTC](https://forum.kirupa.com/t/unhidden-topic/644673 "2020-11-03T23:21:05Z")

</div>

Previously in another thread… I posted about the React frameworks class we are developing for Community College. And we are using your “Learning React” book as the textbook. I think I might have close to the final p…

---

## [html+js adding eventlistener on every link](https://forum.kirupa.com/t/html-js-adding-eventlistener-on-every-link/644756)

<div class="topic-metadata">

**Author:** [@bigmim](https://forum.kirupa.com/u/bigmim)\
**Replies:** 1\
**Last updated:** [November 3, 2020, 4:44am UTC](https://forum.kirupa.com/t/html-js-adding-eventlistener-on-every-link/644756 "2020-11-03T04:44:56Z")

</div>

Obviously I am beginner especially with javascript. Anyway I enclose the code I made. In the table there are three columns, the first reserved for the links to visit, the second reserved for the time that must pass befo…

---

## [CSS vs SVG vs CANVAS](https://forum.kirupa.com/t/css-vs-svg-vs-canvas/644415)

<div class="topic-metadata">

**Author:** [@Woodenshipandironman](https://forum.kirupa.com/u/Woodenshipandironman)\
**Replies:** 3\
**Last updated:** [October 2, 2020, 2:21pm UTC](https://forum.kirupa.com/t/css-vs-svg-vs-canvas/644415 "2020-10-02T14:21:57Z")

</div>

What do you suggest for someone interested in making animations for mathematics? (vector fields, oscillating stuff, etc.) I have tried so far SVG, to be precise d3.js. It’s quite easy to get animations up and running bu…

---

## [Dealing with state in React](https://forum.kirupa.com/t/dealing-with-state-in-react/644696)

<div class="topic-metadata">

**Author:** [@rampar](https://forum.kirupa.com/u/rampar)\
**Replies:** 0\
**Last updated:** [October 27, 2020, 4:28am UTC](https://forum.kirupa.com/t/dealing-with-state-in-react/644696 "2020-10-27T04:28:18Z")

</div>

Hi Currently, I am into Chapter 8 “Dealing with State in React” in “Learning React” book, and I am trying the Lightning Strike Count code. Basically, the code below, creates a counter display that increments the counter…

---

## ["Learning React" book Chapter 2, coding did not work](https://forum.kirupa.com/t/learning-react-book-chapter-2-coding-did-not-work/644667)

<div class="topic-metadata">

**Author:** [@rampar](https://forum.kirupa.com/u/rampar)\
**Replies:** 2\
**Last updated:** [October 27, 2020, 4:19am UTC](https://forum.kirupa.com/t/learning-react-book-chapter-2-coding-did-not-work/644667 "2020-10-27T04:19:19Z")

</div>

Hello Kirupa, I am through this book, trying to learn REACT, as a beginner. THis code below did not work for me. It did not display any text when I loaded them on a webpage. \<DOCTYPE html\> \<html\> \<head\> \<meta…

---

## [Calculations with MongoDB dates](https://forum.kirupa.com/t/calculations-with-mongodb-dates/644580)

<div class="topic-metadata">

**Author:** [@dannywolf](https://forum.kirupa.com/u/dannywolf)\
**Replies:** 3\
**Last updated:** [October 26, 2020, 3:55pm UTC](https://forum.kirupa.com/t/calculations-with-mongodb-dates/644580 "2020-10-26T15:55:35Z")

</div>

I need to create a View in MongoDB which only shows documents created within the last year. Using fixed dates, that is easy. I can simply: db.comments.find({ dtCreated: { $gte: '2019-10-16 00:00:00' } })…

---

## [Property assignment expected. ts(1136)](https://forum.kirupa.com/t/property-assignment-expected-ts-1136/644582)

<div class="topic-metadata">

**Author:** [@wangpjy](https://forum.kirupa.com/u/wangpjy)\
**Replies:** 2\
**Last updated:** [October 18, 2020, 1:38am UTC](https://forum.kirupa.com/t/property-assignment-expected-ts-1136/644582 "2020-10-18T01:38:30Z")

</div>

I am following book Learning React, chapter 13 page 158, to first create-react-app helloworld and create HelloWorld.js import React, {Component} from "react"; class HelloWorld extends Component{ render() { return…

---

## [kirupa.com - Creating A Text Scroller](https://forum.kirupa.com/t/kirupa-com-creating-a-text-scroller/644539)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [October 13, 2020, 1:02am UTC](https://forum.kirupa.com/t/kirupa-com-creating-a-text-scroller/644539 "2020-10-13T01:02:32Z")

</div>

Basic Text Text ScrollerOne of the most popular tutorial requests that has reached my email box and few message board posts is regarding text scroll. In response, the tutorial for creating a scrolling text file is…

---

## [webpack installation, invalid configuration object](https://forum.kirupa.com/t/webpack-installation-invalid-configuration-object/644521)

<div class="topic-metadata">

**Author:** [@kdglauvygiadn](https://forum.kirupa.com/u/kdglauvygiadn)\
**Replies:** 6\
**Last updated:** [October 11, 2020, 11:17pm UTC](https://forum.kirupa.com/t/webpack-installation-invalid-configuration-object/644521 "2020-10-11T23:17:27Z")

</div>

Please I know I might be doing something wrong, but surely I need help. At first I had problem with installing webpack, which I hope I got to work finally by installing it globally, but then trying to run the app, I got…

[Previous page](https://forum.kirupa.com/c/programming/41.md?page=35)

[Next page](https://forum.kirupa.com/c/programming/41.md?page=37)
