javascript 在Flask使用自订js，并自订按钮切换显示div

Posted 2021-05-04

{% block content %}
<div class="container">
  {% block page_content %}{% endblock %}
  
  <button onclick="myFunction()">Click Me</button>
  <div id="upload" class="row">
    Some text
  </div>  
  
</div>


<script src="{{url_for('static', filename='custom.js')}}"></script>
{% endblock %}

Folder
- app.py
- static/custom.js


Note
- javascript 連結放在 body 最後面

function myFunction() {
    var x = document.getElementById("upload");
    console.log('hi')
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
}