# Latest

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

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

**Page:** 74

---

## [Ah , finally getting somewhere .](https://forum.kirupa.com/t/ah-finally-getting-somewhere/654543)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 11\
**Last updated:** [January 29, 2023, 10:27pm UTC](https://forum.kirupa.com/t/ah-finally-getting-somewhere/654543 "2023-01-29T22:27:37Z")

</div>

Hello , Ah , finally getting somewhere . https://vmars.us/Guitar/Guitar-Scales-and-Boxes-Builder.html

---

## [The 3rd Edition of JS: Absolute Beginner's Guide is Out!](https://forum.kirupa.com/t/the-3rd-edition-of-js-absolute-beginners-guide-is-out/656572)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [January 27, 2023, 11:03pm UTC](https://forum.kirupa.com/t/the-3rd-edition-of-js-absolute-beginners-guide-is-out/656572 "2023-01-27T23:03:28Z")

</div>

https://twitter.com/kirupa/status/1619106785847291906 Huge shout out to @senocular, @steve.mills, and @dillionmegida who played a huge role in getting the contents into a nicely presentable package! :package: …

---

## [bluetooth](https://forum.kirupa.com/t/bluetooth/656542)

<div class="topic-metadata">

**Author:** [@dofoo](https://forum.kirupa.com/u/dofoo)\
**Replies:** 2\
**Last updated:** [January 26, 2023, 11:31pm UTC](https://forum.kirupa.com/t/bluetooth/656542 "2023-01-26T23:31:23Z")

</div>

hello, i’m an old user and i have a question for the community. can i link a second monitor to my iPhone wireless? i use to play music with a low cost pc speaker via bluetooth and today i saw that someone like dell pr…

---

## [simple pig latin codewars kata problem](https://forum.kirupa.com/t/simple-pig-latin-codewars-kata-problem/656500)

<div class="topic-metadata">

**Author:** [@polaryeti](https://forum.kirupa.com/u/polaryeti)\
**Replies:** 6\
**Last updated:** [January 26, 2023, 6:07pm UTC](https://forum.kirupa.com/t/simple-pig-latin-codewars-kata-problem/656500 "2023-01-26T18:07:00Z")

</div>

I’m doing this kata. function pigIt(str) { const words = str.split(" "); for (var i = 0; i \< words.length; i++) { if (words\[i\] === "!") { return "!"; } var firstLetterSliced = words\[i\].slice(0, 1); var remainin…

---

## [The Devowelizer Coding Exercise](https://forum.kirupa.com/t/the-devowelizer-coding-exercise/360797)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 15\
**Last updated:** [January 26, 2023, 5:32pm UTC](https://forum.kirupa.com/t/the-devowelizer-coding-exercise/360797 "2023-01-26T17:32:36Z")

</div>

This is a companion discussion topic for the original entry at http://www.kirupa.com/html5/the\_devowelizer.htm

---

## [Animating Items Around a Point](https://forum.kirupa.com/t/animating-items-around-a-point/645469)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 3\
**Last updated:** [January 25, 2023, 6:57am UTC](https://forum.kirupa.com/t/animating-items-around-a-point/645469 "2023-01-25T06:57:46Z")

</div>

A fun animation with a good dose of technical quirkiness is one where we have items rotate around a particular point. Take a look at the following: This is a companion discussion topic for the original entry at https:/…

---

## [Ensuring Consistent Animation Speeds](https://forum.kirupa.com/t/ensuring-consistent-animation-speeds/655831)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 2\
**Last updated:** [January 25, 2023, 2:55am UTC](https://forum.kirupa.com/t/ensuring-consistent-animation-speeds/655831 "2023-01-25T02:55:28Z")

</div>

The animations we create using requestAnimationFrame won't always run at the same This is a companion discussion topic for the original entry at https://www.kirupa.com/animations/ensuring\_consistent\_animation\_speeds.htm

---

## [Need Help with ERROR insertBefore' on 'Node': parameter 2 is not of type 'Node](https://forum.kirupa.com/t/need-help-with-error-insertbefore-on-node-parameter-2-is-not-of-type-node/656450)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 4\
**Last updated:** [January 25, 2023, 2:37am UTC](https://forum.kirupa.com/t/need-help-with-error-insertbefore-on-node-parameter-2-is-not-of-type-node/656450 "2023-01-25T02:37:38Z")

</div>

Thanks for your Help… Having Problems with Create newElement: 10-CIRCLES-ONLY-FRETBOARD-1-IMAGE-CREATE-ELEMENTS.html:361 Uncaught TypeError: Failed to execute 'insertBefore' on 'Node': parameter 2 is not of type 'Node'…

---

## [Custom Mouse Cursor with Tracking](https://forum.kirupa.com/t/custom-mouse-cursor-with-tracking/656451)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 1\
**Last updated:** [January 24, 2023, 3:57am UTC](https://forum.kirupa.com/t/custom-mouse-cursor-with-tracking/656451 "2023-01-24T03:57:11Z")

</div>

This is a companion discussion topic for the original entry at https://www.kirupa.com/codingexercises/custom\_mouse\_cursor.htm

---

## [DnD How to Force Clone Independant Behavior ?](https://forum.kirupa.com/t/dnd-how-to-force-clone-independant-behavior/656444)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 1\
**Last updated:** [January 23, 2023, 5:23pm UTC](https://forum.kirupa.com/t/dnd-how-to-force-clone-independant-behavior/656444 "2023-01-23T17:23:51Z")

</div>

Thanks for your Help… I’m Having two MAJOR problems: ( https://vmars.us/Guitar/10-CIRCLES-ONLY-FRETBOARD-1-IMAGE.html ) (Cloning works fine) BUT as you can see in this video ( https://vmars.us/Guitar/DnD-New-Clone-M…

---

## [Understanding Dev Tools limitations](https://forum.kirupa.com/t/understanding-dev-tools-limitations/656445)

<div class="topic-metadata">

**Author:** [@david78737](https://forum.kirupa.com/u/david78737)\
**Replies:** 1\
**Last updated:** [January 23, 2023, 5:22pm UTC](https://forum.kirupa.com/t/understanding-dev-tools-limitations/656445 "2023-01-23T17:22:02Z")

</div>

This is a noobie question. It’s been a mystery for some time now to discover which CSS class is setting the height of a div in in a page. When I explore the classes in the Classes pane in Dev Tools I am not able to zer…

---

## [What should I do Before I give up programming?](https://forum.kirupa.com/t/what-should-i-do-before-i-give-up-programming/656322)

<div class="topic-metadata">

**Author:** [@polaryeti](https://forum.kirupa.com/u/polaryeti)\
**Replies:** 10\
**Last updated:** [January 22, 2023, 5:49am UTC](https://forum.kirupa.com/t/what-should-i-do-before-i-give-up-programming/656322 "2023-01-22T05:49:38Z")

</div>

I’m in the verge of giving up programming and wondering what could I do before I give up to make sure I did what everyone did. I’ve a bachelors degree in computer science. I didn’t do it as well as I’d have liked to do,…

---

## [Why is this .js SO-SLOW and Finicky ?](https://forum.kirupa.com/t/why-is-this-js-so-slow-and-finicky/656390)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 5\
**Last updated:** [January 20, 2023, 8:36pm UTC](https://forum.kirupa.com/t/why-is-this-js-so-slow-and-finicky/656390 "2023-01-20T20:36:00Z")

</div>

Hello Why is this .js SO-SLOW and Finicky (keeps loosing connection to cursor) : https://vmars.us/Guitar/Drag-Drop-Clone-Working-Multiple-Elements-SO-SLOW.html and this SO FAST : https://www.kirupa.com/html5/exampl…

---

## [calculate line and column of a text with JavaScript](https://forum.kirupa.com/t/calculate-line-and-column-of-a-text-with-javascript/656250)

<div class="topic-metadata">

**Author:** [@payback](https://forum.kirupa.com/u/payback)\
**Replies:** 2\
**Last updated:** [January 20, 2023, 4:10pm UTC](https://forum.kirupa.com/t/calculate-line-and-column-of-a-text-with-javascript/656250 "2023-01-20T16:10:44Z")

</div>

Hello Gentlemen, I have several programs written in cobol and I have developed a web application called “Program Editor” to manipulate them. This application , among several functions , calculates the row and column w…

---

## [multiple cameras being displayed on a single browser window with the help of html](https://forum.kirupa.com/t/multiple-cameras-being-displayed-on-a-single-browser-window-with-the-help-of-html/656387)

<div class="topic-metadata">

**Author:** [@HARITH\_FIRDAUS](https://forum.kirupa.com/u/HARITH_FIRDAUS)\
**Replies:** 5\
**Last updated:** [January 20, 2023, 9:45am UTC](https://forum.kirupa.com/t/multiple-cameras-being-displayed-on-a-single-browser-window-with-the-help-of-html/656387 "2023-01-20T09:45:19Z")

</div>

hi. i’m an engineering student and currently doing my final year project. my project is the development of vehicle simulator for the training of drivers. among one of the element of my project is to display 3 camera’s ou…

---

## [What does the x and y value mean here? Can you show in a figure?](https://forum.kirupa.com/t/what-does-the-x-and-y-value-mean-here-can-you-show-in-a-figure/656395)

<div class="topic-metadata">

**Author:** [@polaryeti](https://forum.kirupa.com/u/polaryeti)\
**Replies:** 4\
**Last updated:** [January 20, 2023, 9:05am UTC](https://forum.kirupa.com/t/what-does-the-x-and-y-value-mean-here-can-you-show-in-a-figure/656395 "2023-01-20T09:05:57Z")

</div>

function checkBoundaryCollision() { if (x - ballRadius \<= 0 || x + ballRadius \>= canvasWidth) { dx = -dx; } if (y - ballRadius \<= 0 || y + ballRadius \>= canvasHeight) { dy = -dy; } } Full code here: https://co…

---

## [diagram with div](https://forum.kirupa.com/t/diagram-with-div/656090)

<div class="topic-metadata">

**Author:** [@ivchenko505](https://forum.kirupa.com/u/ivchenko505)\
**Replies:** 2\
**Last updated:** [January 19, 2023, 11:04am UTC](https://forum.kirupa.com/t/diagram-with-div/656090 "2023-01-19T11:04:53Z")

</div>

Continuing the discussion from How to update the lines so that they do not break away from the rectangles after dragging?: \<!DOCTYPE html\> \<html\> \<head\> \<meta charset="UTF-8"\> \<meta http-equiv="X-UA-Compatible"…

---

## [Making Sense of Timing Function Curves](https://forum.kirupa.com/t/making-sense-of-timing-function-curves/656374)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [January 18, 2023, 5:04am UTC](https://forum.kirupa.com/t/making-sense-of-timing-function-curves/656374 "2023-01-18T05:04:36Z")

</div>

This is a companion discussion topic for the original entry at https://www.kirupa.com/html5/making\_sense\_timing\_functions.htm

---

## [When draggable=“false” & draggable=“true” don’t work?](https://forum.kirupa.com/t/when-draggable-false-draggable-true-don-t-work/656324)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 1\
**Last updated:** [January 17, 2023, 11:29pm UTC](https://forum.kirupa.com/t/when-draggable-false-draggable-true-don-t-work/656324 "2023-01-17T23:29:30Z")

</div>

Hello When draggable=“false” & draggable=“true” don’t work ? But no ERRORS: On line #98 (in code below) I specify this "\<img draggable=“false” . But it is still ‘draggable’ On line #148 I specify "clone.draggable =…

---

## [Uncaught TypeError: Cannot read properties of undefined (reading 'addEventListener')](https://forum.kirupa.com/t/uncaught-typeerror-cannot-read-properties-of-undefined-reading-addeventlistener/656356)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 3\
**Last updated:** [January 16, 2023, 10:37pm UTC](https://forum.kirupa.com/t/uncaught-typeerror-cannot-read-properties-of-undefined-reading-addeventlistener/656356 "2023-01-16T22:37:30Z")

</div>

TIA , I am getting this Error Create-DIV-Drag-Drop-ANYWHERE-jsfiddle.html:61 Uncaught TypeError: Cannot read properties of undefined (reading 'addEventListener') at Create-DIV-Drag-Drop-ANYWHERE-jsfiddle.html:61:6\[…

---

## [Troubles Calling a Function from a Function](https://forum.kirupa.com/t/troubles-calling-a-function-from-a-function/656281)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 2\
**Last updated:** [January 14, 2023, 9:17pm UTC](https://forum.kirupa.com/t/troubles-calling-a-function-from-a-function/656281 "2023-01-14T21:17:56Z")

</div>

Hello https://vmars.us/Guitar/Which-Button-was-CLICKED-getElementById-101.html Hmm… seems simple enough but I can’t figure out What I am doing Wrong . The trouble lines are #59 and line #75 in code below . Thanks …

---

## [Random thumbnail positions on hover of randomly positioned text](https://forum.kirupa.com/t/random-thumbnail-positions-on-hover-of-randomly-positioned-text/656200)

<div class="topic-metadata">

**Author:** [@4a0g1kfa54](https://forum.kirupa.com/u/4a0g1kfa54)\
**Replies:** 6\
**Last updated:** [January 13, 2023, 5:48am UTC](https://forum.kirupa.com/t/random-thumbnail-positions-on-hover-of-randomly-positioned-text/656200 "2023-01-13T05:48:44Z")

</div>

I would like that when a user hovers different words, that a random arrangement of thumbnails fades-in. Some caveats: thumbs should stay fairly close to the corresponding text. thumbs can overlap, but not fully. both …

---

## [How do I move the ball upwards in my breakout game.](https://forum.kirupa.com/t/how-do-i-move-the-ball-upwards-in-my-breakout-game/656252)

<div class="topic-metadata">

**Author:** [@polaryeti](https://forum.kirupa.com/u/polaryeti)\
**Replies:** 3\
**Last updated:** [January 13, 2023, 2:15am UTC](https://forum.kirupa.com/t/how-do-i-move-the-ball-upwards-in-my-breakout-game/656252 "2023-01-13T02:15:35Z")

</div>

This is the function for it. which isn’t working. let ballDirection = { x: 0, y: -1 } function moveBall() { const ball = document.getElementById("ball"); const ballRect = ball.getBoundingClientRect(); ballRect.x = b…

---

## [How to reflect the ball at an angle?](https://forum.kirupa.com/t/how-to-reflect-the-ball-at-an-angle/656254)

<div class="topic-metadata">

**Author:** [@polaryeti](https://forum.kirupa.com/u/polaryeti)\
**Replies:** 1\
**Last updated:** [January 12, 2023, 11:24pm UTC](https://forum.kirupa.com/t/how-to-reflect-the-ball-at-an-angle/656254 "2023-01-12T23:24:57Z")

</div>

Here’s the full code: When a ball collides with bat or walls, I want the ball to be reflected with an angle, how do I do it? I suspect there’s lots of physics to it. So, should I stop this project here? I’d have to p…

---

## [Troubles with: clone.draggable = 'true'; & draggable="false"](https://forum.kirupa.com/t/troubles-with-clone-draggable-true-draggable-false/656244)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 2\
**Last updated:** [January 11, 2023, 11:03pm UTC](https://forum.kirupa.com/t/troubles-with-clone-draggable-true-draggable-false/656244 "2023-01-11T23:03:27Z")

</div>

Hello In HTML : Code:Copy to clipboard \<div\> \<img class="item" id="elem2" draggable="false" src="flatAccidental-Grey-28x28.png" style="z-index:500; width:24px; height:24px; top:4px;" \> \</div\> In javascript : Code:C…

---

## [How to paint an element in screen using javascript?](https://forum.kirupa.com/t/how-to-paint-an-element-in-screen-using-javascript/656235)

<div class="topic-metadata">

**Author:** [@polaryeti](https://forum.kirupa.com/u/polaryeti)\
**Replies:** 1\
**Last updated:** [January 11, 2023, 5:47pm UTC](https://forum.kirupa.com/t/how-to-paint-an-element-in-screen-using-javascript/656235 "2023-01-11T17:47:50Z")

</div>

\<div class="body"\> \<div id="board"\> \<div id="bat" class="bat"\>\</div\> \<div id="ball" class="ball"\>\</div\> \</div\> \</div\> This is my HTML. I’ve done CSS For all of them and generated this: Now, I want the bat to m…

---

## [input Direction confusion in snake game javascript](https://forum.kirupa.com/t/input-direction-confusion-in-snake-game-javascript/656182)

<div class="topic-metadata">

**Author:** [@polaryeti](https://forum.kirupa.com/u/polaryeti)\
**Replies:** 5\
**Last updated:** [January 11, 2023, 2:14am UTC](https://forum.kirupa.com/t/input-direction-confusion-in-snake-game-javascript/656182 "2023-01-11T02:14:04Z")

</div>

Here’s the full code: This is the code that I’m interested in: window.addEventListener("keydown", e =\> { inputDir = { x: 0, y: 1 }; moveSound.play(); switch (e.key) { case "ArrowUp": inputDir.x = 0; …

---

## [React: No Elements Displayed (Вопрос по Реакт)](https://forum.kirupa.com/t/react-no-elements-displayed/654387)

<div class="topic-metadata">

**Author:** [@forumf](https://forum.kirupa.com/u/forumf)\
**Replies:** 11\
**Last updated:** [January 10, 2023, 4:49am UTC](https://forum.kirupa.com/t/react-no-elements-displayed/654387 "2023-01-10T04:49:11Z")

</div>

Why does not display styles in the browser, also does not display elements.

---

## [Fibonacci and Going Beyond Recursion](https://forum.kirupa.com/t/fibonacci-and-going-beyond-recursion/656117)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [January 9, 2023, 6:41am UTC](https://forum.kirupa.com/t/fibonacci-and-going-beyond-recursion/656117 "2023-01-09T06:41:14Z")

</div>

This is a companion discussion topic for the original entry at https://www.kirupa.com/data\_structures\_algorithms/fibonacci\_going\_beyond\_recursion.htm

---

## [How to Drag-Drop Multiple Elements with .PNGs vs .SVGs ?](https://forum.kirupa.com/t/how-to-drag-drop-multiple-elements-with-pngs-vs-svgs/656053)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 4\
**Last updated:** [January 10, 2023, 12:25am UTC](https://forum.kirupa.com/t/how-to-drag-drop-multiple-elements-with-pngs-vs-svgs/656053 "2023-01-10T00:25:33Z")

</div>

Hello , Thank You for your article on Drag-Drop Multiple Elements . I would like to find it again , Pls , where is it ? The question I have re: the article is “how can I modify it to work with .png images” ? I am …

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

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