How to import JavaScript variable in HTML script tag

Question

I'm working on a hybrid app with Cordova but my little experience with JavaScript doesn't let me handle this.

I created a Cordova plugin which includes the plugin.js file

var exec = require('cordova/exec');

var PLUGIN_NAME = 'MyCordovaPlugin';

var MyCordovaPlugin = {
  echo: function(phrase, cb) {
    exec(cb, null, PLUGIN_NAME, 'echo', [phrase]);
  },
  getDate: function(cb) {
    exec(cb, null, PLUGIN_NAME, 'getDate', []);
  }
};

module.exports = MyCordovaPlugin;

Since it's been exported, I'm trying to use MyCordovaPlugin variable in my index.html

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript View</title>
    <script type="text/javascript">
        function createTransaction(){
            window.MyCordovaPlugin.echo('echo', function() { 

            });
            return false;
        }
        window.onload = function(){
            var form = document.getElementById("form");
            form.onsubmit = createTransaction;
        }
    </script>
</head>
    <body>
        <form id="form">
            <input type="submit" value="Create transaction" />
        </form>
    </body>
</html>

How can index.html have access to the variable?

user · Accepted Answer · 2021-11-17 20:36:36Z

1

To make Cordova plugins accessible you have to import the cordova.js in your index.html:

<script type="text/javascript" src="cordova.js"></script>

edited Nov 17, 2021 at 20:36

user

5,2869 gold badges54 silver badges81 bronze badges

answered Feb 24, 2018 at 22:37

jcesarmobile

53.5k12 gold badges141 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

chris Over a year ago

omg! Thank you so much! I spent hours trying to figure out what could be wrong. Can you tell me where did you get that reference? I could not find a solution

jcesarmobile Over a year ago

I can't find where it's explained, but cordova.js contains the js needed for Cordova apps to work

Qui-Gon Jinn Over a year ago

How to access variables from this js file?

Collectives™ on Stack Overflow

How to import JavaScript variable in HTML script tag

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related