柯文哲HTML_CSS_Javascript_Java_Python

from tkinter import * space, slash, backslash, cr = ' ', '/', '\\', '\n' def row1(k,m):#定義自訂函數 for i in range(1, k+1): for ii in range(m): for j in range(k-i): f.write(space) f.write(slash) for j in range(2*i-2): f.write(space) f.write(backslash) for j in range(k-i): f.write(space) f.write(cr) def row2(r,m): for i in range(1, k+1): for ii in range(m): for j in range(i-1): f.write(space) f.write(backslash) for j in range(2*k-2*i): f.write(space) f.write(slash) for j in range(i-1): f.write(space) f.write('\n') tk = Tk()#使用tkinter套件,建立視窗,輸入k,m,n tk.title("大正妹視窗使用者介面GUI") #也可以定義視窗名為 window, root課本都如此習慣 canvas = Canvas(tk, width=800, height=500) canvas.pack() kmn = [1,2,3,4,5] k = input(...

劉任昌輸入參數 輸入k 輸入m 輸入n 執行自訂函數 orange gray red green blue python自訂函數 def money(x,y): return x*y javascript自訂函數 function money(x,y){ return x*y; } 重點 span手掌張開拇指到小指,短橋梁長度。 VSCode是IDE整合開發環境。 CTRL+SHIFT+L一次改全部 Integrated Development Environment alert內建函數,自訂函數abc 利用id加上syle方法是#id 劉任昌輸出結果

JS程式碼 const space = ' ' , slash = '/' , backslash = ' \\ ' , cr = ' \n ' ; function row1 ( k , m ){     for ( let i = 0 ; i < k ; i ++ ){         for ( let ii = 0 ; ii < m ; ii ++ ){             for ( let j = 0 ; j < k - i - 1 ; j ++ )                 out += space ;             out += slash ;             for ( let j = 0 ; j < 2 * i ; j ++ )                 out += space ;             out += backslash ;             for ( let j = 0 ; j < k - i - 1 ; j ++ )                 out += space ;};     out += cr ;};}; function row2 ( k , m ){     for ( let i = 0 ; i < k ; i ++ ){         for ( let ii = 0 ; ii < m ; ii ++ ){  ...

在撰寫模式貼上 CSS示範程式碼 h1 { background-color: purple ; color: white ; border: 10px solid red ; text-align: center ; padding: 5px } ul { background-color: green ; color: white ; font-size: 2em ; line-height: 1.5 } input { font-size: 24px ; background-color: rgb( 210 , 250 , 215 ) ;} .monkey { font-size: 36px ;} HTML示範程式碼 <h1>劉任昌輸入參數</h1> 輸入k<input id="k" type="number" value="1" /><br /> 輸入m<input id="m" type="number" value="1" /><br /> 輸入n<input id="n" type="number" value="1" /><br /> <button onclick="abc()">執行自訂函數</button> <h1>重點</h1> alert內建函數,自訂函數abc <h1>劉任昌輸出結果</h1> <div class="monkey" id="out"></div> JAVASCRIPT示範程式碼 const space= ' ' , slash= '/' , backslash= '\\' , cr= '\n' ; function row1(k,m){ for ( let i= 0 ; i<k;i++){ ...

CSS示範程式碼 h1 { background-color: purple ; color: white ; border: 10px solid red ; text-align: center ; padding: 5px } ul { background-color: green ; color: white ; font-size: 2em ; line-height: 1.5 } input { font-size: 24px ; background-color: rgb( 210 , 250 , 215 ) ;} .monkey { font-size: 36px ;} HTML示範程式碼 <link rel='stylesheet' href="abc.css"> <script src="abs.js"></script> <h1>劉任昌輸入參數</h1> 輸入k<input type="number" value="1" id="k"></input><br> 輸入m<input type="number" value="1" id="m"></input><br> 輸入n<input type="number" value="1" id="n"></input><br> <button onclick="abc()">執行自訂函數</button> <h1>重點</h1> alert內建函數,自訂函數abc <h1>劉任昌輸出結果</h1> <div id="out" class="monkey"></div> JAVASCRIPT示範程式碼 const space= ...

期中考重點 write寫入檔案模式mode w=write會覆蓋原有檔案, a=append接續原來檔案, x=create創立新檔案, x與w有何不同？ write寫入檔案,預設不換行,換行'\n' print呈現在螢幕,預設換行,不換行end=''。 write寫入用到英文以外的字元(一,a,b)encoding='utf8' 開一個資料資料夾放三個檔案html, css, js，用html文件document 在html檔案指定css與js檔案,參考w3schools...都有寫 vs code的html檔案 劉任昌輸入參數 輸入k 輸入m 輸入n 執行自訂函數 重點 alert內建函數,自訂函數abc 劉任昌輸出結果 <link rel='stylesheet' href="abc.css"> <script src="abs.js"></script> <h1>劉任昌輸入參數</h1> 輸入k<input type="number" value="1" id="k"></input><br> 輸入m<input type="number" value="1" id="m"></input><br> 輸入n<input type="number" value="1" id="n"></input><br> <button onclick="abc()">執行自訂函數</button> <h1>重點</h1> alert內建函數,自訂函數abc <h1>劉任昌輸出結果</h1> <div id="out"></div> vs code的css...