CODEWITHSUNDEEP
javascriptpythonhtml
Jieon
Jieon

Reputation: 11

How to pass the variable in python to the JavaScript

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?

Upvotes: 1

Views: 92

Answers (1)

pazitos10
pazitos10

Reputation: 1709

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"/>

Upvotes: 1

Related Questions