How to pass the variable in python to the JavaScript

Question

How to get python variable to the JavaScript?

First, I make the random variable in python then pass it to the index.html

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

Then, I get the value in html and get the value by input

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

Next, I get the variable in html to the JavaScript

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

I really want to get the variable from the python to show the random pictures in html using JavaScript

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

This is the final one what I want to do using this source code. But it doesn't work and index is always 0. How should I solve it?

pazitos10 · Accepted Answer · 2021-10-09 16:44:07Z

1

You're using a random number generator and 0 (zero) may be a valid output of your generator sometimes so it can difficult to debug the problem. Also, apparently you're missing a couple of {{}} in your <input>.

<input value={{value}} type="number" id="myVariable"/>

answered Oct 9, 2021 at 16:44

pazitos10

1,70416 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

How to pass the variable in python to the JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related