Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Kevin Dupuy
Kevin Dupuy
12,281 Points

Adding JavaScript interactivity to GitHub's Electron

Recently I built a JavaScript web application that generates a breaking news story from user input in HTML fields.

That app is working here: http://tigerfeed.net/NFORMR/nformr.html

Earlier this week, I discovered Electron and wanted to see if I could create a Desktop application with the code I already have. But I've run into a few issues.

Here is my GitHub repository - https://github.com/thewebkevin/electron The original code repository is here: https://github.com/szwacz/electron-boilerplate

1) I do not know how to integrate my JavaScript with the HTML inside the created browser-window. The browser window opens, shows my HTML, but none of the JS is accessible from the browser-window console.

I have not even tried to mess with CSS yet, so but I would assume adding that to the HTML it would use a similar method as JS.

2) I don't know how to integrate / if it is possible to add JQuery functionality. I found a JQuery node module but the program was giving me issues either not defining JQuery's $ or could not find the "document."

I'm almost completely new to node.js so I bet these issues can be chalked up to me having no idea how any of this works. But Electron looked very interesting and I do not want to just "give up" and walk away from it.

Thanks.