JavaScript-functions | This is/was

In the below script would I like to read the content of config.toml, and have marked where I would like to do that. What confuses me is how to include the toml.js file which contains the toml reader function.

Throughout the script will I need to read 3 different toml files.

Question

How should I include the toml.js function and how to reuse the function to read 3 different files?

Disclaimer: I am sorry for this super noob question, but this is my first project, and with 6 different ways to write a function, I find it very confusing.

index.js

My HTML/CSS/JS web app works perfectly on all my Android devices and in my laptop browser, but not in Safari on iOS. Instead, the map doesn't load and click listeners don't get applied. It seems that the Javascript only partially loads, but that's ridiculous.

Why does iOS Safari seem to load only half of my script?

See for yourself! Check out the demo on my GitHub site.

I know this is a bad question by community guidelines, but I just don't know what question to ask. There are no console errors to follow up, no clues at all.

I'm working on a little app I call Bike Share Explorer. It's a web app which uses Mapbox GL JS and Google MDL. This web map lets people explore bike share systems and bike availability in those systems.

I'm using browserify to bundle Mapbox GL JS and other code I need with the Javascript for my page. The app is built to run on an Express server and the front is written using Pug, but whether I'm serving with Express or from the filesystem, everything works just fine on my computer.

Based on various SO posts and blogs, I've...

• Made sure that HTTP version 1.1 is used
• Made sure my headers contain Content-Type: text/html
• Set up CORS on my test server using cors (really, I tried everything I could think of)
• Tried wrapping the body in a (see more)
• Tried changing the cursor to pointer (done on the body element)
• Tried using touchstart instead of click

I tested all of these methods using BrowserSync on several devices. All worked fine except the iPhone.

I then turned to a little debugging using alert to try and see which code was actually getting run. From that I can say that my script is being executed, and Mapbox GL JS says it is supported, but when I put the alert inside map.on("load", () => {}); it's never fired on iOS Safari. If you visited the site on another device, you'll notice it does fire on that.

I wish I had a more specific question to ask, but I don't.

Why does iOS Safari seem to load only half of my script?

I am having trouble calling basic JavaScript functions from within Android. When I cloned the repository from this tutorial, and then stripped it down I was able to get the code to function correctly. However, when trying to create my own fresh project I have been unsuccessful.

I have referenced the following posts and appear to be doing the same, but to no avail. There is no noticeable different between the approaches, so I feel like there may be dependencies outside of these files that I am missing?

Android Calling JavaScript functions in WebView

Run javascript code in Webview

I'm wondering if I am missing something subtle somewhere.

Basically I am just trying to get any output to the console by calling a JavaScript function that is defined in its own file. The project structure is as follows:

I am trying to include some js methods stored in a file in an angular application.Unfortunately i can not make the browser see the js file.
I have looked at this SO post and followed the instructions but the browser does not see the file (Sources) section.

Js file

Using the browser if I visit a certain direct download URL, it automatically downloads the file. However, when I use Java code to download the file, I get the HTML code instead of the file contents:

I want to write a app which generates a spreadsheet in my google-drive with the user input data with google-app scripts.

For doing so I have several JavaScript-functions I want to execute one after the other:

I was reading this article about js functions. https://dmitripavlutin.com/6-ways-to-declare-javascript-functions/

and it says "The function declaration creates a variable in the current scope with the identifier equal to function name. This variable holds the function object."

So I did some experiments to learn more.

[EDIT] I should have been more specific (thanks for the response Below the Radar!). I'd like the trigger to console.log to capture the returned URI when the object calls toDataURL. In the linked jsfiddle, the object calling toDataURL is canvas. This may be a sticking point, because I may need to capture the calling object as well? I could accomplish what I want by simply encapsulating canvas.toDataURL() in a console.log statement, but I'd like this to be more dynamic than that---which led me to think of adding a hook on toDataURL

jsFiddle, update: https://jsfiddle.net/spe4q1d8/170/

I'm trying to create a hook that I could place at the top or bottom of a JavaScript file which would trigger console.log every time a specific function is called. The particular function I want to hook is toDataURL() HTMLCanvasElement.toDataURL().

I've been able to set up a hook on something like alert or console.log itself, but can't figure out how to hook toDataURL.

jsFiddle, hook on alert and hook on document.createElement()

• https://jsfiddle.net/spe4q1d8/142/

References

• Hooking document.createElement using function prototype

• Need to hook into a javascript function call, any way to do this?

• https://blog.pengoworks.com/index.cfm/2012/1/12/Adding-custom-callbacks-to-existing-JavaScript-functions

JavaScript is single thread language, which means all user-written code will run in the main thread. For example, in Node.js, the async IO read is an async operation, it runs in a worker thread, but the callback which developer has written run in the main thread as other JS code. So if I identify one JS function with async, it actually did not run in other thread, more important, an async also doesn't mean non-blocking.