Click here to Skip to main content
15,868,141 members
Home / Discussions / JavaScript
   

JavaScript

 
GeneralRe: trying to get to grips with parsing from a JSON file Pin
Richard MacCutchan30-Sep-22 5:50
mveRichard MacCutchan30-Sep-22 5:50 
AnswerRe: trying to get to grips with parsing from a JSON file Pin
DSB Audio (David Sweeney-Bear)30-Sep-22 10:12
DSB Audio (David Sweeney-Bear)30-Sep-22 10:12 
AnswerRe: trying to get to grips with parsing from a JSON file Pin
jkirkerx14-Dec-22 12:25
professionaljkirkerx14-Dec-22 12:25 
QuestionSecond chart not react to data entered, why? Explain, please, how to solve the issue? Pin
Earl Lembertas27-Sep-22 10:35
Earl Lembertas27-Sep-22 10:35 
AnswerRe: Second chart not react to data entered, why? Explain, please, how to solve the issue? Pin
Pete O'Hanlon27-Sep-22 20:46
subeditorPete O'Hanlon27-Sep-22 20:46 
GeneralRe: Second chart not react to data entered, why? Explain, please, how to solve the issue? Pin
Earl Lembertas28-Sep-22 0:00
Earl Lembertas28-Sep-22 0:00 
GeneralRe: Second chart not react to data entered, why? Explain, please, how to solve the issue? Pin
Pete O'Hanlon28-Sep-22 4:26
subeditorPete O'Hanlon28-Sep-22 4:26 
QuestionWhy doesn't this script work as expected? Pin
DSB Audio (David Sweeney-Bear)24-Sep-22 3:39
DSB Audio (David Sweeney-Bear)24-Sep-22 3:39 
I'm trying to change the position of a background element on a web page in random increments each time any link on the page is clicked:

JavaScript
const backgroundElement = document.querySelector('.container');
const positionXY = [100, 25, 50, 75];
  
function randomX(positionXY) { 
    return positionXY[Math.floor(Math.random() * positionXY.length)]
  }  
function randomY(positionXY) { 
    return positionXY[Math.floor(Math.random() * positionXY.length)]
  }

document.querySelectorAll("a").forEach(a =>
  a.addEventListener("click", () => {
 
  backgroundElement.style.cssText = `background-position: ${randomX}% ${randomY}%;`
  alert("x position:" + randomX(positionXY));
  alert("y position:" + randomY(positionXY));
  }
  )
)


the alerts show me that the values are being generated correctly, but the background position does not change on click.

Any tips? Do I need to create a toggle-state?

modified 24-Sep-22 9:45am.

AnswerRe: Why doesn't this script work as expected? Pin
DSB Audio (David Sweeney-Bear)24-Sep-22 7:43
DSB Audio (David Sweeney-Bear)24-Sep-22 7:43 
AnswerRe: Why doesn't this script work as expected? Pin
Richard Deeming25-Sep-22 21:42
mveRichard Deeming25-Sep-22 21:42 
GeneralRe: Why doesn't this script work as expected? Pin
DSB Audio (David Sweeney-Bear)30-Sep-22 4:16
DSB Audio (David Sweeney-Bear)30-Sep-22 4:16 
GeneralRe: Why doesn't this script work as expected? Pin
DSB Audio (David Sweeney-Bear)30-Sep-22 4:31
DSB Audio (David Sweeney-Bear)30-Sep-22 4:31 
AnswerRe: Why doesn't this script work as expected? Pin
Jeremy Falcon26-Oct-22 11:36
professionalJeremy Falcon26-Oct-22 11:36 
QuestionCan sending a large number of requests to the server cause any performance issues on the server? Pin
Alex Wright 202221-Sep-22 8:33
Alex Wright 202221-Sep-22 8:33 
AnswerRe: Can sending a large number of requests to the server cause any performance issues on the server? Pin
Richard Deeming21-Sep-22 21:40
mveRichard Deeming21-Sep-22 21:40 
QuestionMultiple popup windows - information is the same in all of them Pin
BartekDD21-Sep-22 2:02
BartekDD21-Sep-22 2:02 
QuestionOne big collection or nested collections Pin
waldette 202214-Sep-22 11:35
waldette 202214-Sep-22 11:35 
AnswerRe: One big collection or nested collections Pin
Pete O'Hanlon14-Sep-22 20:54
subeditorPete O'Hanlon14-Sep-22 20:54 
GeneralRe: One big collection or nested collections Pin
waldette 202215-Sep-22 6:13
waldette 202215-Sep-22 6:13 
QuestionPinch zoom in zoom out in js Pin
madhuri jawadekar11-Sep-22 20:01
madhuri jawadekar11-Sep-22 20:01 
Questionhow to make campaign windows Pin
Member 157551811-Sep-22 20:22
Member 157551811-Sep-22 20:22 
AnswerRe: how to make campaign windows Pin
Richard MacCutchan1-Sep-22 22:02
mveRichard MacCutchan1-Sep-22 22:02 
AnswerRe: how to make campaign windows Pin
Dave Kreskowiak2-Sep-22 12:56
mveDave Kreskowiak2-Sep-22 12:56 
QuestionIs there a way to input a unique number for each array output? Pin
machinewraith31-Aug-22 15:46
machinewraith31-Aug-22 15:46 
AnswerRe: Is there a way to input a unique number for each array output? Pin
Richard Deeming1-Sep-22 22:23
mveRichard Deeming1-Sep-22 22:23 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.