說明如何利用GlowScriptDemos網頁產生javascrpt程式碼,渲染到HTML上並加入可互動控制參數方法
- 開啟https://www.glowscript.org/#/user/GlowScriptDemos/folder/Examples-JavaScript/
- 點選VIEW顯示Vpython Code
- 點選上方 Share or export this program 連結產生JavaScript Code
- 將JavaScript Code轉存成HTML檔案
- 可以加入控制元件
<form action="{% url 'notation:testvpython' %}" method="get">
<input type="number" name="fnumber" step="1" default= "60" >
<button type="submit" class="comment-btn">輸入</button>
</form>
</div>
- 在views.py加入
import json
def testvpython(request):
VNumber = request.GET.get('fnumber')
return render(request, 'notation/test.html', {
'vnumber': json.dumps(VNumber),
})
- 對應urls.py
path('testvpython/', views.testvpython, name='testvpython'),
評論列表,共 0 則評論
暫無評論