Search⌘ K
AI Features
Home
Courses
Using the Python Transcrypt Transpiler for Front-end Coding

Random Numbers

Explore how Transcrypt enables Python code to interact with JavaScript functions, including generating random numbers using JS Math.random, and how to debug your code with sourcemaps. Understand the transpilation process and how Python integrates with JavaScript runtime in a web browser.

We'll cover the following...

JS functions

At its most basic, Transcrypt allows Python code to call JavaScript functions and enables JavaScript functions to call Python functions. Let’s look at an example that explicitly does both.

This simple example is similar to the previous “Hello, World!” application we did:

Python 3.8
def get_number():
    new_val = int(window.Math.random() * 10) 
    document.getElementById('myval').innerHTML = new_val
C++
<!DOCTYPE html> 
<html lang="en">
   <body>
      <script type="module">
         import * as getnum from './__target__/js_function.js';
         window.getnum = getnum; 
      </script>
      <button type="button" onclick="getnum.get_number()">Click Me!</button>
      <div id="myval">?</div>
   </body>
</html>

Running the application

Use the following command to generate a JavaScript file from our Python code. But this time, let’s transpile the Python code with a few options:

Markdown
transcrypt --nomin --map js_function

The options in the Transcrypt command did a few things for us. First, the --nomin option causes the resulting JavaScript file not to be minified. This makes it a little easier to see how Transcrypt converts our Python ...