文章目录
- 完整html
- 写script
- 写views
- 写urls
##需求
##实验
完整html
{% load static %}
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet"href="{% static "antapp/bootstrap/bootstrap.min.css" %}"><title>Document</title></head><body><div class="row" style="margin-top: 20px;margin-left: 40px;"><input id="number1" type="text">*<input id="number2" type="text">=<input id="numberresult" type="text" disabled><button type="button" id="btncompute" class="btn btn-danger" style="margin-left: 5px;">计算</button></div><script src="{% static "antapp/bootstrap/jquery.min.js" %}"></script><script src="{% static "antapp/bootstrap/bootstrap.bundle.min.js" %}"></script><script> $(function(){$("#btncompute").click(function(){let number1 = $("#number1").val()let number2 = $("#number2").val()let numberresult =number1*number2$("#numberresult").val(numberresult)})})</script></body>
</html>
写script
<script> $(function(){$("#btncompute").click(function(){let number1 = $("#number1").val()let number2 = $("#number2").val()let numberresult =number1*number2$("#numberresult").val(numberresult)})})</script>
写views
def calculator(request):return render(request,"calculator.html",{})
写urls
urlpatterns = [path("calculator/",views.calculator),
]
