fakemirage posted:

Do you have any code examples you could post where adding an event listener doesn't work?

reversefungi posted:

The addEventListener function registers a callback function, whose execution is delayed until everything is exhausted in the main thread and you've entered the event loop. However the "registering" happens on that main thread, and in this case you were invoking a function and registering its output, hence the immediate call.

If you're not super familiar with the event loop and really want to dig in, this video is worth watching and will pay itself back quickly by saving you hours of debugging annoying js stuff:

https://youtu.be/8aGhZQkoFbQ

fakemirage posted:

Haven't gone through everything, but I noticed the following line.

This will execute the clickOnCrimeButton function and place the result as the event handler. You'll probably want something like this:

JavaScript code:

    // add function to the button for when it is clicked
   document.getElementById(structOfCrimesIterator.name).addEventListener("click", () => clickOnCrimeButton(buttonIndex));

Which means that you'll call clickOnCrimeButton when the event happens and not before then.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

EDIT: Yeah, I think that's the problem. It's basically the same as writing the following.

JavaScript code:

var clickOnCrimeButtonOutput = clickOnCrimeButton(buttonIndex); // undefined
document.getElementById(structOfCrimesIterator.name).addEventListener("click", clickOnCrimeButtonOutput); // .addEventListener("click", undefined)

minato posted:

bigperm posted:

chaosbreather posted:

echinopsis posted:

this day.js is very good, but I need relative times, which it can't do without a plugin, which requires "require" lol, which is a node thing, and probably needs a plugin to make it work in browser.

I might go with date-fns since it's not minimalist and hopefully means one package will be enough

camoseven posted:

You usually want to use import for front end apps, though you can load scripts directly as indicated by the DayJS docs.

camoseven posted:

Capitalization matters for the extend, it's relativeTime

Jabor posted:

This code:

code:

// initialise the accumulated data array
var setOfAccumlatedData = new Array(setOfCrime.length).fill(
    new structOfAccumulatedData(0)
);

creates one new object, and then makes every slot of the array point to that one single object.

Your fixed code creates a different object for every array slot.

For reference though one the things people find really handy about JS is how easy it is to make new "plain old data" objects:

code:

var foo = {
  key: "value"
}

You'll probably find this more convenient than making a new Function object just so you can attach extra values to it.

You can also use array.push instead of explicitly iterating over the array indices:

code:

var things = [];
for (var i = 0; i < numberOfThings; i++) {
  things.push(makeThing(i));
}

Jabor posted:

This code:

code:

// initialise the accumulated data array
var setOfAccumlatedData = new Array(setOfCrime.length).fill(
    new structOfAccumulatedData(0)
);

creates one new object, and then makes every slot of the array point to that one single object.

Osmosisch posted:

Agreeing that following your progress has been fun!

You could look into hosting on glitch, they have a lot of features for free pet projects like this one, up to and including dbs/logins as I understand it.

Time to rack up some more notoriety.

roomforthetuna posted:

That's a fine layout, though why a json file rather than a js module?

Analytic Engine posted:

Looks good, just drop the two lines with } and { after crimes and put a comma there instead. Those are keys in the object

Future tip: JSON doesn't allow extraneous commas like JS does, and you can't serialize a non-dictionary object (becomes "[object]") or a circular dictionary

Doom Mathematic posted:

echinopsis, you need someone to pair program with for an afternoon.

Video Nasty posted:

Object.keys() will let you iterate over the JSON object and you can pull from that. Echi I can provide assistance for you tomorrow but I'm not on NZ time.