Click here to Skip to main content
15,562,256 members
Home / Discussions / JavaScript
   

JavaScript

 
GeneralRe: trying to get to grips with parsing from a JSON file Pin
Richard MacCutchan30-Sep-22 6:50
mveRichard MacCutchan30-Sep-22 6:50 
AnswerRe: trying to get to grips with parsing from a JSON file Pin
DSB Audio (David Sweeney-Bear)30-Sep-22 11:12
DSB Audio (David Sweeney-Bear)30-Sep-22 11:12 
AnswerRe: trying to get to grips with parsing from a JSON file Pin
jkirkerx14-Dec-22 13:25
professionaljkirkerx14-Dec-22 13:25 
QuestionSecond chart not react to data entered, why? Explain, please, how to solve the issue? Pin
Earl Lembertas27-Sep-22 11:35
Earl Lembertas27-Sep-22 11:35 
AnswerRe: Second chart not react to data entered, why? Explain, please, how to solve the issue? Pin
Pete O'Hanlon27-Sep-22 21:46
mvaPete O'Hanlon27-Sep-22 21:46 
GeneralRe: Second chart not react to data entered, why? Explain, please, how to solve the issue? Pin
Earl Lembertas28-Sep-22 1:00
Earl Lembertas28-Sep-22 1:00 
GeneralRe: Second chart not react to data entered, why? Explain, please, how to solve the issue? Pin
Pete O'Hanlon28-Sep-22 5:26
mvaPete O'Hanlon28-Sep-22 5:26 
QuestionWhy doesn't this script work as expected? Pin
DSB Audio (David Sweeney-Bear)24-Sep-22 4:39
DSB Audio (David Sweeney-Bear)24-Sep-22 4: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 8:43
DSB Audio (David Sweeney-Bear)24-Sep-22 8:43 
AnswerRe: Why doesn't this script work as expected? Pin
Richard Deeming25-Sep-22 22:42
mveRichard Deeming25-Sep-22 22:42 
GeneralRe: Why doesn't this script work as expected? Pin
DSB Audio (David Sweeney-Bear)30-Sep-22 5:16
DSB Audio (David Sweeney-Bear)30-Sep-22 5:16 
GeneralRe: Why doesn't this script work as expected? Pin
DSB Audio (David Sweeney-Bear)30-Sep-22 5:31
DSB Audio (David Sweeney-Bear)30-Sep-22 5:31 
AnswerRe: Why doesn't this script work as expected? Pin
Jeremy Falcon26-Oct-22 12:36
professionalJeremy Falcon26-Oct-22 12:36 
AnswerRe: Why doesn't this script work as expected? Pin
cat exotica14-Dec-22 0:26
cat exotica14-Dec-22 0:26 
QuestionCan sending a large number of requests to the server cause any performance issues on the server? Pin
Alex Wright 202221-Sep-22 9:33
Alex Wright 202221-Sep-22 9:33 
AnswerRe: Can sending a large number of requests to the server cause any performance issues on the server? Pin
Richard Deeming21-Sep-22 22:40
mveRichard Deeming21-Sep-22 22:40 
QuestionMultiple popup windows - information is the same in all of them Pin
BartekDD21-Sep-22 3:02
BartekDD21-Sep-22 3:02 
QuestionOne big collection or nested collections Pin
waldette 202214-Sep-22 12:35
waldette 202214-Sep-22 12:35 
AnswerRe: One big collection or nested collections Pin
Pete O'Hanlon14-Sep-22 21:54
mvaPete O'Hanlon14-Sep-22 21:54 
GeneralRe: One big collection or nested collections Pin
waldette 202215-Sep-22 7:13
waldette 202215-Sep-22 7:13 
QuestionPinch zoom in zoom out in js Pin
madhuri jawadekar11-Sep-22 21:01
madhuri jawadekar11-Sep-22 21:01 
Questionhow to make campaign windows Pin
Member 157551811-Sep-22 21:22
Member 157551811-Sep-22 21:22 
AnswerRe: how to make campaign windows Pin
Richard MacCutchan1-Sep-22 23:02
mveRichard MacCutchan1-Sep-22 23:02 
AnswerRe: how to make campaign windows Pin
Dave Kreskowiak2-Sep-22 13:56
mveDave Kreskowiak2-Sep-22 13:56 
QuestionIs there a way to input a unique number for each array output? Pin
machinewraith31-Aug-22 16:46
machinewraith31-Aug-22 16:46 

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.