How to make onclick in electron.js (or node.js)?

Question

JavaScript

I have an index.html file which contains a button:

<button id="download" OnClick='start()'>Start</button>

And in index.js there is a function for this button that should be executed.

function start(){
const {shell} = require('electron');
shell.openItem(app.getAppPath() + '\\apps\\example.exe');
}

How to make this function work?

Answer 1

If you use pure Html, then write onclick, all letters are lowercase. If jsx is used, then write onClick={...here is a function call or a link to the function itself }

Answer 2

Check if the script is connected correctly, in electron it is done like this

<script>
require('./index.js');
</script>

Answer 3

Electron has a special module for interaction between the main process and the rendering process.
ipcMain in the main and ipcRenderer in the rendering process.
Here is a link to the documentation: https://www.electronjs.org/docs/api/ipc-main
Here is a small example of creating windows using this module:

// In main process.
const ipcMain = require('electron').ipcMain;

// in main process, outside of app.on:
ipc.on('load-page', (event, arg) => {
    mainWindow.loadURL(arg);
});

// In renderer process (web page).
const ipc = require('electron').ipcRenderer;
ipc.send('load-page', 'file://' + __dirname + '/prefs.html');