乙班HTML_CSS_Javascript_Java_Python

Javascript在網頁就可以執行不需要開啟Spyder sin執行 cos執行 橫軸 以上程式碼 <style>BUTTON{BORDER:GREEN 5PX SOLID;BORDER-RADIUS:30PX;}</style> <h1>Javascript在網頁就可以執行不需要開啟Spyder</h1> <button onclick="LHsin()">sin執行</button> <button onclick="LHcos()">cos執行</button> <button onclick="xLine()">橫軸</button> <canvas height="400" id="my" style="background: black;" width="1200"></canvas> <script> var c = document.getElementById("my"); var cty = c.getContext("2d"); var g = 0.01;//增加一個廣域變數,用在下面的Math.sin(g*x); var h = 195; function LHsin() { var x = 0; var y = 200; cty.beginPath();  cty.lineWidth = 5;  cty.moveTo(x,y); while (x < 1000){   x = x + 1;   y = 200 - h * Math.sin(g*x);   cty.lineTo(x, y);   cty.strokeStyle = "yellow";   cty.stroke();    }; } function LHcos() { var x = 0; var y = 200-h;//上面的sin是y =200這裡要改掉 cty.beginPath();  cty.l...

Javascript在網頁就可以執行不需要開啟Spyder sin執行 cos執行 橫軸 以上程式碼 <style>BUTTON{BORDER:GREEN 5PX SOLID;BORDER-RADIUS:30PX;}</style> <h1>Javascript在網頁就可以執行不需要開啟Spyder</h1> <button onclick="LHsin()">sin執行</button> <button onclick="LHcos()">cos執行</button> <button onclick="xLine()">橫軸</button> <canvas height="400" id="my" style="background: black;" width="1200"></canvas> <script> var c = document.getElementById("my"); var cty = c.getContext("2d"); var g = 0.01;//增加一個廣域變數,用在下面的Math.sin(g*x); var h = 180; function LHsin() { var x = 0; var y = 200; cty.beginPath();  cty.lineWidth = 5;  cty.moveTo(x,y); while (x < 1000){   x = x + 1;   y = 200 - h * Math.sin(g*x);   cty.lineTo(x, y);   cty.strokeStyle = "yellow";   cty.stroke();    }; } function LHcos() { var x = 0; var y = 200-h;//上面的sin是y =200這裡要改掉 cty.beginPath();  cty.l...

Javascript在網頁就可以執行不需要開啟Spyder 劉任昌執行 以上程式碼 <STYLE>BUTTON{BORDER:GREEN 5PX SOLID;BORDER-RADIUS:30PX;}</STYLE> <h1>Javascript在網頁就可以執行不需要開啟Spyder</h1> <button onclick="LH()">劉任昌執行</button> <canvas height="400" id="my" style="background: black;" width="1200"></canvas> <script> function LH() { var c = document.getElementById("my"); var cty = c.getContext("2d"); var x = 0; var y = 200; var h = 100; cty.beginPath(); cty.lineWidth = 5; cty.moveTo(x,y); while (x < 1000){ x = x + 1; y = 200 - h * Math.sin(0.2*x); cty.lineTo(x, y); cty.strokeStyle = "yellow"; cty.stroke(); }; } </script>

程式碼 from tkinter import * #或者import tkinter as tk import math #第9列(z1=10), 13列(廣域變數),插入16列cos,插入18繪圖 tk = Tk() #建構視窗名為tk tk.geometry('1200x400') tk.title("劉任昌python tkinter三角函數") canvas = Canvas(tk, width=1200, height=400, bg='black') canvas.grid(row=0,column=0,padx=5,pady=5,columnspan=3) delay=20 # milliseconds, 1/1000秒 x1,y1,z1=0,200,10 #Python特徵: 多變數=多個值 h=190 #上下範圍 Youtube禁止適用影醒網頁的命令 degree=0 #角度degree def LauHou(): l0=canvas.create_line(0,200,1200,200,fill='white',width=3) global x1, y1, z1 x2 = x1 + 1 y2=200 - h*math.sin(0.02*x2)#座標從左上角0.... z2=200 - h*math.cos(0.02*x2) l1=canvas.create_line(x1,y1,x2,y2,fill='red',width=5) l2=canvas.create_line(x1,z1,x2,z2,fill='yellow',width=5) if (x2