劉任昌HTML按鈕BUTTON事件ONCLICK

物件導向設計OOP=Object-Oriented Programming

主詞subject受詞object東方的oriental

id=identity,身分證id card, division區塊,段落

期中考心得將以前的重點貼上

不編排PYTHON程式碼，期中考後再練習。

JAVASCRIPT的字典

dict =new Map([["2303","聯電"],["2330","台積電"],["2880","華南金"],['AAPL','蘋果公司'],['C','花旗銀行'],['T','美國電話電報']]);//宣告配對(字典)

PYTHON的字典

dict ={"2303":"聯電","2330":"台積電","2880":"華南金",'AAPL':'蘋果公司','C':'花旗銀行','T','美國電話電報'}

留言

  1. D111173152025年4月21日 下午6:24

    作者已經移除這則留言。

    回覆刪除
  2. 梁騏薇2025年4月21日 下午6:29

    作者已經移除這則留言。

    回覆刪除
  3. D111173152025年4月21日 下午6:30

    https://d11117315111.blogspot.com/2025/04/htmlbuttononclick.html

    回覆刪除
  4. JIAN-HUI-MAN2025年4月21日 下午6:30

    作者已經移除這則留言。

    回覆刪除
  5. 楊侑宸2025年4月21日 下午6:30

    https://yangyoyo0125.blogspot.com/2025/04/htmlbuttononclick-4-21-2025.html

    回覆刪除
  6. wengyuwei2025年4月21日 下午6:31

    作者已經移除這則留言。

    回覆刪除
  7. D11117242曾銘祥2025年4月21日 下午6:31

    作者已經移除這則留言。

    回覆刪除
  8. 林煜靜2025年4月21日 下午6:32

    https://lin-yujing.blogspot.com/2025/04/blog-post.html

    回覆刪除
  9. 劉旻杰2025年4月21日 下午6:33

    作者已經移除這則留言。

    回覆刪除
  10. D11117242曾銘祥2025年4月21日 下午6:34

    https://d11117242.blogspot.com/2025/04/htmlbuttononclick.html

    回覆刪除
  11. 吳孟儒2025年4月21日 下午6:35

    作者已經移除這則留言。

    回覆刪除
  12. 張均豪2025年4月21日 下午6:36

    https://danny0976790127.blogspot.com/2025/04/htmlbuttononclick.html

    回覆刪除
  13. 黃彥欽2025年4月21日 下午6:38

    https://gbsddik.blogspot.com/2025/04/htmlbuttononclick.html

    回覆刪除
  14. 劉旻杰2025年4月21日 下午6:41

    作者已經移除這則留言。

    回覆刪除
  15. ting11112025年4月21日 下午6:44

    https://ting11111.blogspot.com/2025/04/htmlcssjavascriptjavapython.html

    回覆刪除
  16. ting22025年4月21日 下午6:44

    作者已經移除這則留言。

    回覆刪除
  17. 呂承霠2025年4月21日 下午6:45

    https://lu-cheng-yin-2024.blogspot.com/2025/04/oopobject-oriented-programming.html

    回覆刪除
  18. 邱爾雅2025年4月21日 下午6:45

    https://chiuerya0515.blogspot.com/2025/04/html.html

    回覆刪除
  19. ting22025年4月21日 下午6:46

    https://ting100000.blogspot.com/2025/04/oopobject-oriented-programming.html

    回覆刪除
  20. 無尾熊2025年4月21日 下午6:47

    https://koala111222.blogspot.com/2025/04/htmlbutton-onclick.html

    回覆刪除
  21. 吳孟儒2025年4月21日 下午6:47

    https://mumeng-ru.blogspot.com/2025/04/html.html

    回覆刪除
  22. 俞品安2025年4月21日 下午6:47

    https://ypayupinan.blogspot.com/2025/04/html.html

    回覆刪除
  23. 巫啓瑞2025年4月21日 下午6:48

    https://bfbfbfbfbfsgrjryjyrjj.blogspot.com/2025/04/blog-post_21.html

    回覆刪除
  24. 許俊培2025年4月21日 下午6:48

    https://pei940922.blogspot.com/2025/04/htmlbuttonunclick.html

    回覆刪除
  25. 呂紹宏2025年4月21日 下午6:48

    https://slu804387.blogspot.com/2025/04/htmlbuttonouclick.html

    回覆刪除
  26. 沈廷靜2025年4月21日 下午6:48

    https://pagestjing.blogspot.com/2025/04/htmlbuttononclick.html

    回覆刪除
  27. 小強2025年4月21日 下午6:49

    https://jiachiangkuo.blogspot.com/2025/04/422.html

    回覆刪除
  28. wengyuwei2025年4月21日 下午6:49

    https://yuweiiiiiiiiiiii.blogspot.com/2025/04/htmlbutton.html

    回覆刪除
  29. 徐秉韡 wade2025年4月21日 下午6:52

    https://xu-bing-wei-0804.blogspot.com/2025/04/htmlbuttononcuck.html

    回覆刪除
  30. 卓秉璿2025年4月21日 下午6:56

    https://zhuo-1005.blogspot.com/2025/04/blog-post.html

    回覆刪除
  31. 黎冠妤2025年4月21日 下午6:56

    作者已經移除這則留言。

    回覆刪除
  32. 劉旻杰2025年4月21日 下午6:56

    作者已經移除這則留言。

    回覆刪除
  33. 陳翌銘2025年4月21日 下午6:56

    https://yimignsocool.blogspot.com/2025/04/htmlonclick.html

    回覆刪除
  34. 陳彥勳2025年4月21日 下午6:56

    https://chenyenhsun.blogspot.com/2025/04/htmlbuttononclick.html

    回覆刪除
    回覆
    1. George2025年4月28日 上午10:27

      三個引號是註解吧？https://chenyenhsun.blogspot.com/2025/04/htmlbuttononclick.html

      刪除
  35. 張依安2025年4月21日 下午6:57

    https://chan0528.blogspot.com/2025/04/htmlbuttononclick.html

    回覆刪除
  36. 李建勝2025年4月21日 下午6:57

    https://vovo8564513.blogspot.com/2025/04/htmlbuttononclick.html

    回覆刪除
  37. 梁騏薇2025年4月21日 下午6:57

    https://christina-lqw.blogspot.com/2025/04/htmlbuttononclick.html

    回覆刪除
  38. 黎冠妤2025年4月21日 下午6:57

    https://winnielee0311.blogspot.com/2025/04/html-button.html

    回覆刪除
  39. 楊雅竹2025年4月21日 下午6:57

    https://yangyami.blogspot.com/2025/04/oopobject-oriented-programming.html

    回覆刪除
  40. 周韋伶2025年4月21日 下午6:57

    https://zhou-wei-ling.blogspot.com/2025/04/oopobject-oriented-programming.html

    回覆刪除
  41. Kiannc2025年4月21日 下午6:58

    https://kiannc1201.blogspot.com/2025/04/htmlbuttononclick.html

    回覆刪除
  42. 朱子辰 2025年4月21日 下午6:58

    https://tzuchenchu.blogspot.com/2025/04/oopobject-oriented-programming.html

    回覆刪除
  43. 徐語妏2025年4月21日 下午6:59

    https://xxxjkxxthf.blogspot.com/2025/04/h1oopobject-oriented-programming.html

    回覆刪除
  44. tyyy.2025年4月21日 下午6:59

    https://huutingyu.blogspot.com/2025/04/htmlbuttononclick.html

    回覆刪除
  45. Yixuan2025年4月21日 晚上7:00

    https://zyixnn.blogspot.com/2025/04/htmlbuttononclick.html

    回覆刪除
  46. yz2025年4月21日 晚上7:00

    作者已經移除這則留言。

    回覆刪除
  47. 軒昂2025年4月21日 晚上7:00

    https://xuan-ang.blogspot.com/2025/04/htmlbuttononclick.html

    回覆刪除
  48. 知念小華2025年4月21日 晚上7:01

    https://chinenkohana.blogspot.com/2025/04/oopobject-oriented-programming.html

    回覆刪除
  49. TUODOU2025年4月21日 晚上7:01

    https://takuto20050803.blogspot.com/2025/04/oopobject-oriented-programming.html

    回覆刪除
    回覆
    1. George2025年5月7日 清晨6:41

      421.https://takuto20050803.blogspot.com/2025/04/oopobject-oriented-programming.html

      刪除
  50. 蔡欣辰2025年4月21日 晚上7:13

    https://takming123.blogspot.com/2025/04/oopobject-oriented-programming.html

    回覆刪除
  51. 林庭揚2025年4月22日 晚上7:04

    https://lintingyang11317134.blogspot.com/2025/04/javascriptbottomonlick.html

    回覆刪除
    回覆
    1. George2025年4月28日 上午10:23

      期中考。https://lintingyang11317134.blogspot.com/2025/04/javascriptbottomonlick.html
      408順利執行https://lintingyang11317134.blogspot.com/2025/04/var-banks-function-abc-var-c-document.html

      刪除

張貼留言

這個網誌中的熱門文章

劉任昌python串列List(陣列Array),元組Tuple,集合Set,字典Dict

圖片
EMBED嵌入影片522 EMBED DIAMOND手環嵌入鑽石 期中考筆試重點 .SELECTOR{用在多個元素},SPAN拇指與小指的距離,一小段,一小段的文字 UL=UNDERER LIST, OL=ORDERED LIST, LI=LIST push推,美國餐廳放置餐盤的架子下面是彈簧,取盤子pop,放入盤子push append附加在後面, appendix書本的附錄 大括號{ } CURLY BRACKET, CURLY捲,用於 PYTHON集合 中括號[ ] SQUARE BRACKET, SQUARE方形,用於 PYTHON串列 小括號( ) CIRCLE BRACKET, CIRCLE圓,用於 PYTHON元組 角括號<>CORNER BRACKET,不能直接打角括號,因為它們是HTML命令,需用&符號接LT(小於Less Then)再分號; 圓周CIRCUMFERENCE, 直徑DIAMETER, 半徑RADIUS BORDER邊界, SOLID實心, PX=PIXEL點 PYTHON與JAVASCRIPT命令的對照 ,PYTHON必須透過編輯器或雲端伺服器(例如GOOGLE COLAB)執行, JAVASCRIPT可以直接在瀏覽器CHROME或EDGE執行 PYTHON指令len(串列)對比JAVASCRIPT串列.length; PYTHON指令串列.append(新增)對比JAVASCRIPT串列.push(新增); 按鈕BUTTON按下去的事件ONCLICK 按鈕BUTTON push 以上程式碼在html模式貼在最下面 <BUTTON ONCLICK='ABC()'>按鈕BUTTON按下去的事件ONCLICK</BUTTON> <BUTTON ONCLICK='XYZ()'>按鈕BUTTON push</BUTTON> <P ID='SHOW'></P> <SCRIPT> banks=['摩根大通','美國銀行','中國工商','富國銀行']; function AB...
閱讀完整內容

2025年3月4日上課Python 陣列array串列的函數(方法)

圖片
利用w3schools練習的python指令 animal = ["豬", "牛", "羊", '貓'] #python語言的註解comments x = animal.copy() print(animal) x.reverse() #將x反轉reverse print(x) animal.append('狗') print(animal) y = animal.copy() y.reverse() #將x反轉reverse print(y) Python 說明或範例JavaScript len() len(list) # 串列 list 長度 list.length; append() list.append(’ 加元素’) list.push(’ 加元素’) clear() list.clear() # 移除所有元素 copy() a = list.copy() # 拷貝至新串列 a count() list.clear() # 移除所有元素 list.count(’ 豬頭’) #list=[’ 豬頭’,...]? extend() list.extend([’ 豬頭’,’ 狗屎’])# 合併 (延伸) 串列 a=list.concat([’ 豬頭’,’ 狗屎’]) index() insert() list.index(’ 豬頭’) # 元素第一次出現的位置 0, 1, 2... list.indexOf(’ 豬頭’) list.insert(k,’ 豬頭’)# 位置 k 前插入元素’ 豬頭’ pop() list.pop(k) # 移除位置 k 元素 remove() list.remove(’ 豬頭’) # 移除第一次出現的’ 豬頭’ reverse() list.reverse()# 將元素次序反轉 list.slice(k,k + 1) list.reverse() sort() list.sort()# 將元素排序 list.sort() GOOGLE COLAB執行程式 嵌入EMBED影片與網頁
閱讀完整內容

劉任昌Javascript執行三角函數繪圖

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>
閱讀完整內容