金品妤學習Bro code製作計算機

金品妤學習Bro code製作計算機

disply的vlue用eval(display.value)取代，算是「字串」運算結果 eval()內建函數(方法) in-line線內設定樣式。readonly唯讀read only。電腦的.的接續術性或函數disply.value面板顯示的內容value值

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 = "";} function calculate() { const display = document.getElementById("display"); try{ display.value = eval(display.value); } catch(error){display.value = "Error";} }
  5. 在STYLE區段定義.MY{BACKGROUND-COLOR:GREEN;}可以用在網頁的CLASS='MY'元件 徘徊
  6. CSS上製造滑鼠在上面就會改變樣式HOVER同義字excurse, hesitate, hover, linger, potter, roam
  7. button:hover滑鼠在上面,BUTTON:ACTIVE按下滑鼠

留言

張貼留言

這個網誌中的熱門文章

金品妤二分法求內部報酬率

圖片
head/head, body/body畫蛇添足,可拿掉,因為部落格架構已經下這些命令。資訊科學系的必修課「數值方法」或是應用數學系的必修課「數值分析」。 躉繳 第1期 第2期 第3期 注意，包含首期躉繳的現金流量都大於0。 輸出: 報酬率: 淨現值: 迴圈次數: 金品妤向劉任昌學習程式設計程式碼如下 <div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCzjkv-OtFjK7hDgEBJLPBR-Cz8OO5A-uC8c4LM7f6wYI-Cs-pJ5RdUB8mIgesfihkiJCepMKkoLktSiuJ6s3gaNBvls3rimHvT8xUUhhaN_8TZkW08fj6eKRJzy6zfp4dm79geWpHjlei3tUF-UjOGbC-AXHhR_eQVdW_DwguvEQoFboVXVwmuflM8WTv/s1600/%E6%93%B7%E5%8F%96.PNG" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="564" data-original-width="863" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCzjkv-OtFjK7hDgEBJLPBR-Cz8OO5A-uC8c4LM7f6wYI-Cs-pJ5RdUB8mIgesfihkiJCepMKkoLktSiuJ6s3gaNBvls3rimHvT8xUUhhaN_8TZkW08fj6eKRJzy6zfp4dm79geWpHjlei3tUF-UjOGbC-AXHhR_eQVdW_DwguvEQoFboVXVwmufl...
閱讀完整內容

金品妤2025/2/26計算機

圖片
簡易計算機 7 8 9 / 4 5 6 * 1 2 3 - 0 C = + 上課影片 FRAME框架SRC=SOURCE來源改成維基百科 維基百科PYTHON說明 python array陣列的方法 Method Description append() Adds an element at the end of the list clear() Removes all the elements from the list copy() Returns a copy of the list count() Returns the number of elements with the specified value extend() Add the elements of a list (or any iterable), to the end of the current list index() Returns the index of the first element with the specified value insert() Adds an element at the specified position pop() Removes the element at the specified position remove() Removes the first item with the specified value reverse() Reverses the order of the list sort() Sorts the list python array方法撰寫模式貼...
閱讀完整內容

金品妤Javascript執行三角函數繪圖

圖片
Javascript在網頁就可以執行不需要開啟Spyder 金品妤執行 以上程式碼 <style>BUTTON{BORDER:#FF00FF 5PX SOLID;}H1{BACKGROUND-COLOR:YELLOW;}</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 ctz = c.getContext("2d"); var x = 0; var y = 200; var z = 10; var h = 100; cty.beginPath();//Canvas繪製線 cty.lineWidth = 9;//線寬度width  cty.moveTo(x,y);//從(x,y)開始 while (x < 1000){   x = x + 1;   y = 200 - h * Math.sin(0.05*x);//200相當於橫軸,電腦座標自上而下   cty.lineTo(x, y);   cty.strokeStyle = "#00BBFF";   cty.stroke();    }; } </script> 在Blog繪製三角函數 利用powerpoint插入文字動畫製作mp4
閱讀完整內容