盧姵穎學習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 onvlick="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: blue;}可以用在網頁的class='my'元件 徘徊
  6. css上製造滑鼠在上面就會改變樣式hover同義字excurse,hesitate,hover,linger,potter,roam
  7. button:hover滑鼠在上面, button:active按下滑鼠

留言

張貼留言

這個網誌中的熱門文章

甲班盧姵穎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='pink') canvas.grid(row=0,column=0,padx=5,pady=5,columnspan=3) delay=10 # milliseconds, 1/1000秒 x1,y1,z1=0,200,10 h=190 #上下範圍 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='blue',width=8) l2=canvas.create_line(x1,z1,x2,z2,fill='gray',width=8) if (x2
閱讀完整內容

盧姵穎二分法求內部報酬率

圖片
head,body畫蛇添足,可拿掉,因為部落格架構已經下這些命令 躉繳 第1期 第2期 第3期 注意，包含首期躉繳的現金流量都大於0。 輸出: 報酬率: 淨現值: 迴圈次數: 盧姵穎向劉任昌學習程式設計程式碼如下 <iframe width='1005=%'src='https://zh.wikipedia.org/zh-tw/%E4%BA%8C%E5%88%86%E6%B3%95_(%E6%95%B8%E5%AD%B8)'></iframe> head,body畫蛇添足,可拿掉,因為部落格架構已經下這些命令 <style> h1 {margin: 0;padding: 20px 0;color:pink;   text-shadow: 5px 5px 2px skyblue; } .Takming {   border: 20px outset pink;   background-color: skyblue;   color: white;   text-align: center;} .pmt {   width: 60pt;   height: 20pt;   background-color: coral;   color: white;   text-align: right;} </style> <table border="1"> <tr align="center"><td>躉繳</td><td>第1期</td><td>第2期</td><td>第3期</td></tr> <tr><td><input class="pmt" type="number" /></td>    <td><input class="pmt" type="number" /></td>    <t...
閱讀完整內容