¿Cómo llevar la variable de python al JavaScript?

Primero, hago la variable aleatoria en python y luego la paso a index.html

 @app.route('/index', methods=['GET','POST']) def index(): value = random.randrange(8) return render_template('index.html', value = value)

Luego, obtengo el valor en html y obtengo el valor por entrada

 <div class="print">{{value}} is passed.</div> <input value=value type="number" id="myVariable"/>

A continuación, obtengo la variable en html para JavaScript.

 <script type='text/javascript'> alert(document.getElementById('myVariable').value)

Realmente quiero obtener la variable de python para mostrar las imágenes aleatorias en html usando JavaScript

 document.write("<img src='" + images[myVariable] + "'/></a><p><span>" + caption[myVariable] + "</span></p>");

Este es el último que quiero hacer usando este código fuente. Pero no funciona y el índice siempre es 0. ¿Cómo debo resolverlo?