楊博凱學習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按下滑鼠
  8. 元件ELEMENT按鈕放在一個容器CONTAINER內,容器是在一個DIV=DIVISION內

留言

這個網誌中的熱門文章

楊博凱Javascript與Python比較

楊博凱STYLE,SCRIPT在HTML之後

楊博凱eval()內建函數data type資料型態