郭俞汝學習Bro Code製作計算機

郭俞汝學習Bro code製作計算機

https://www.youtube.com/watch?v=I5kj-YsmWjM

Build this JS calculator in 15 minutes!

心得與考試重點

  1. LIST條列, UL=UNORDERED LIST, OL=ORDERED LIST, BUTTON按鈕, CLICK按下, ONCLICK事件
  2. 網頁的命令，大小寫都可以。
  3. <button onclick="clearDisplay()">刪</button>
  4. SCRIPT區段有三個自訂的函數
    1. function appendToDisplay(input) { const display = document.getElementById("display"); display.value += input;}
    2. function clearDisplay() { const display = document.getElementById("display"); display.value = "";}
    3. function calculate() { const display = document.getElementById("display"); try{ display.value = eval(display.value); } catch(error){display.value = "Error";} }
  5. 在STYLE區段定義.MY{BACKGROUND-COLOR: PURPLE;}可以用在網頁的CLASS='MY'元件 徘徊
  6. CSS上製造滑鼠在上面就會改片樣式HOVER同義字excurse, hesitate, hover, linger, potter, roam
  7. BUTTON:HOVER滑鼠在上面，BUTTON:ACTIVE按下滑鼠

留言

  1. George2025年1月5日 凌晨1:10

    1230木蘭當戶之。
    1223 非常完整。https://egdvcn-gh.blogspot.com/2024/12/bro-code.html

    回覆刪除

張貼留言

這個網誌中的熱門文章

郭俞汝Javascript與Python比較

圖片
全球市場價值最大的銀行 按鈕PUSH增加 按鈕POP執行自訂函數kill 按鈕POP執行kill呼叫其他函數 CSS也可以in-line 寫在這裡成為網頁的一部分,執行後,可以看到,function kill_SHOW執行二指令banks.pop()指令移除banks串列的最後一個元素ABC()去執行函數ABC() 以上所有程式碼 <STYLE>BUTTON{COLOR:PINK;BORDER-RADIUS:20PX;}H1{COLOR:BLACK;BACKGROUND-COLOR:ORANGE;TEXT-ALIGN:CENTER;PADDING:5PX;}</STYLE> <button onclick="ABC()">全球市場價值最大的銀行</button> <button onclick="XYZ()">按鈕PUSH增加</button> <button onclick="kill()">按鈕POP執行自訂函數kill</button> <button onclick="kill_SHOW()">按鈕POP執行kill呼叫其他函數</button> <P id="SHOW" style="BACKGROUND-COLOR:BLUE; FONT-SIZE:24PX;"></P> CSS也可以in-line <script> banks=['摩根大通','美國銀行','中國工商銀行','富國銀行','匯豐銀行','巴黎銀行']; function ABC()  {//第一個函數function ABC() let x = '';//定義字串x內容空白 for (let i in banks)//javascript for loop () python不需要     { x += banks[i] + '<BR>';} //x後...
閱讀完整內容

郭俞汝python繪製三角函數與powerpoint製作影片

圖片
python程式碼 from tkinter import * #或者import tkinter as tk import math tk = Tk() #建構視窗名為tk tk.geometry('1200x400')#視窗 寬1200像素 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=2# milliseconds, 1/1000秒 x1,y1,z1=0,200,10#python特徵,多變數=對等值 h=190 #上下範圍,相當於數學的1到-1 L1=canvas.create_line(0,200,1200,200,fill='white',width=5) def YUUUU(): global x1, y1, z1#gLobel全球,Local當地 x2 = x1 + 1 #換到下一個+1 y2=200 - h*math.sin(0.02*x2) z2=200 - h*math.cos(0.02*x2) L1=canvas.create_line(x1,y1,x2,y2,fill='pink',width=10) L2=canvas.create_line(x1,z1,x2,z2,fill='white',width=10) if (x2
閱讀完整內容