L'événement clic du bouton de liaison de l'Électron js

J'ai commencé à l'aide d'électrons js pour développer l'application de bureau.

Je veux savoir comment lier l'événement clic du bouton avec fonction javascript afin que je puisse effectuer une autre opération.

J'ai utilisé le code HTML ci-dessous:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Manav Finance</title>
  </head>
  <body>
    <input type="button" onclick="getData()" value="Get Data" />
  </body>

  <script>
    //You can also require other files to run in this process
    require('./renderer.js')
  </script>
</html>

Mon renderer.js code ressemble à ceci:

function getData(){
        console.log('Called!!!');
    }

Mais j'obtiens l'erreur que:

Uncaught ReferenceError: getData n'est pas défini
au HTMLInputElement.onclick

Je fais quelque chose de mal?

Mise à jour

Mise à jour du document HTML et supprimé require() la méthode et son travail maintenant:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Manav Finance</title>
    <script src="renderer.js"></script>
  </head>
  <body>
    <input type="button" id="btnEd" value="Get Data" onclick="getData()" />
  </body>
</html>
  • Où en êtes-vous de réglage getData fonction?
  • Mis à jour le Post. Je suis en train d'en renderer.js
  • Essayez de déplacer le script tag au-dessus de body. La question est maintenant de votre script où la fonction est en cours de définition est défini après le DOM a rendu d'entrée et, naturellement, on ne saura pas comment lier l'événement click si elle n'existe pas.
  • J'ai essayer de déplacer balise script dans la section de la tête, toujours la même erreur.
InformationsquelleAutor Manprit Singh Sahota | 2017-03-29
  1. 18

    Pour expliquer ce pour les futurs utilisateurs. <script> de la balise dans un document HTML sont exécutées dans le contexte global, cela signifie que this === window, I. e. toute fonction ou une variable déclarée dans le script intrinsèquement devient mondial.

    Lorsque vous require un script il devient isolé dans son propre contexte (il est enveloppé dans une autre fonction de telle sorte this !== window, I. e. toute fonction ou une variable déclarée dans le script n'est pas disponible dans le monde entier.

    La bonne façon de le faire est d'utiliser require('./renderer.js') et à utiliser ce code

    function getData() {
    ...
}

document.querySelector('#btnEd').addEventListener('click', () => {
    getData()
})
    InformationsquelleAutor MarshallOfSound