劉任昌JavaScript輸出與輸入的程式碼

JavaScript輸出與輸入的程式碼

輸入字串:

JavaScript程式碼

<p>輸入字串:<input type="text" len="50" id="in"></p>
<p><input type="button" value="執行JavaScript" onclick="f()"></p>
<p id="out"></p>
<script>
function f(){
  var a = document.getElementById("in").value;/*取得id=in的文字*/
  var b = "原字串: "+a+"<br>長度是:"+a.length+"<br>反串是: ";
  var c = "";
  for (var i = 0; i < a.length; i++)
     c = a.slice(i,i+1) + c; 
  b = b +"<font size=7>" +c + "</font>";
  document.getElementById("out").innerHTML = b;/*輸出html指令*/
}
</script>

196影片

留言

  1. George2023年1月12日 晚上9:52

    https://kingthegreatliu.blogspot.com/2023/01/javascript.html

    回覆刪除
  2. 張文嘉2023年1月12日 晚上10:04

    https://d11150112.blogspot.com/2023/01/javascript.html

    回覆刪除
  3. 蘇千棋2023年1月12日 晚上10:04

    作者已經移除這則留言。

    回覆刪除
  4. 陳柏源2023年1月12日 晚上10:09

    https://rtytrdtfg.blogspot.com/2023/01/h1bordersolid-8px-purple-javascript.html

    回覆刪除
  5. 陳品妍2023年1月12日 晚上10:10

    https://d11150116.blogspot.com/2023/01/javascript.html

    回覆刪除
  6. 魏靖容2023年1月12日 晚上10:10

    https://d11150115.blogspot.com/2023/01/javascript.html

    回覆刪除
  7. 蘇千棋2023年1月12日 晚上10:11

    https://cindy-javascript.blogspot.com/2023/01/javascript.html

    回覆刪除
  8. 施詠翔2023年1月12日 晚上10:12

    https://tgyhjikolujik2554.blogspot.com/2023/01/javascript.html

    回覆刪除
  9. 李晨瑋學習HTML.CSS.JavaScript2023年1月12日 晚上10:14

    https://lihtml-css-javascript-java.blogspot.com/2023/01/javascript.html

    回覆刪除
  10. 李翊愷2023年1月12日 晚上10:18

    https://643gjeytfru4312.blogspot.com/2023/01/javascript.html

    回覆刪除
  11. 寬佑2023年1月12日 晚上10:19

    https://d11150114.blogspot.com/2023/01/javascript.html

    回覆刪除
  12. 胡kobe2023年1月12日 晚上10:21

    https://enchenghu0905.blogspot.com/2023/01/javascript.html

    回覆刪除
  13. 泰2023年1月12日 晚上10:22

    https://d11150108.blogspot.com/2023/01/javascript.html

    回覆刪除
  14. 郭怡吟2023年1月12日 晚上10:22

    https://www.blogger.com/blog/post/edit/2503769166705683616/4238664622796537746

    回覆刪除
  15. 陶筱玲2023年1月12日 晚上10:25

    https://jdoifjopq1264.blogspot.com/2023/01/blog-post.html

    回覆刪除
  16. 朱富優2023年1月12日 晚上10:29

    https://unnnn20.blogspot.com/2023/01/javascriptinputtextgetelementbyid.html

    回覆刪除
  17. 徐子詮2023年1月12日 晚上10:31

    https://d11150113.blogspot.com/2023/01/javascript.html

    回覆刪除
  18. George2023年1月12日 晚上10:33

    https://xinyijava.blogspot.com/2023/01/d11050134-javascript.html

    回覆刪除
  19. 官詳和html2023年1月12日 晚上10:36

    https://iuytjhg5261.blogspot.com/2023/01/h1-background-color-red-border-solid.html

    回覆刪除

張貼留言

這個網誌中的熱門文章

劉任昌Python類別class函數function

圖片
VS Code截圖 VS Code程式碼 from tkinter import * #從函式庫 tkinter 輸入所有 * 方法 from math import * #從函式庫 math 輸入所有 * 方法 class Regular: def __init__(self, cx, cy, cr, s, t, c, w): #類別共同的設定 self.cx, self.cy, self.cr = cx, cy, cr #取得中心座標cx, cy, 半徑cr self.s, self.t = s, t #取得邊角數目s,t尖銳程度,取代原來的k = s.get() self.c, self.w = c, w #取得顏色c,寬度w self.u = 2 * pi / self.s #使用模組 math 圓周率 pi self.x, self.y = [], [] for i in range( int(self.s * 1.5)): self.x.append(self.cx + self.cr*cos(i*self.u)) self.y.append(self.cy + self.cr*sin(i*self.u)) def draw(self): #類別的方法 for i in range( int(self.s * 1.5) - self.t): canvas.create_line(self.x[i], self.y[i], self.x[i + self.t], self.y[i + self.t], fill = self.c, width = self.w) def show(): #畫圖方法 poly = Regular(cx.get(), cy.get(), cr.get(), s.get(), t.get(), c.get(), w.get()) polyList.append(...
閱讀完整內容

劉任昌Python集合set清單list元組tuple字典dictionary

圖片
w3schools練習截圖 w3schools程式碼 #劉任昌集合set{},元組tuple(), 串列或清單list[], #字典dict{key:value,鍵:值} d = {2330:"台積電",2317:"鴻海",2454:"聯發科",6505:"台塑化"} s = {"台積電", "鴻海", "聯發科","台塑化"} t = ("台積電", "鴻海", "聯發科","台塑化") list = ["台積電", "鴻海", "聯發科","台塑化"] print(type(d),type(s),type(d),type(list)) print("台灣市場價值最大三家公司集合set列出") print(s) #練習迴圈 for a in s: print(a) print("聯發科位置:" + str(t.index("聯發科"))) """整個區塊註解前後加上連續三個引號, str將數字轉成字串 才能 和其他字串相接the set list is unordered, meaning: the items will appear in a random order. # Refresh this page to see the change in the result. """ w3schools集合方法 Python has a set of built-in methods that you can use on sets. Method Description add() Adds an element to the set clear() Removes all the elements from the set copy() Returns a copy of the set differenc...
閱讀完整內容

劉任昌VSCode自訂方法canvas.delete('all')建構Button

圖片
微軟VS Code編輯環境與執行結果 程式碼 #原來240單元程式碼如下 from tkinter import * #從函式庫 tkinter 輸入所有 * 方法 from math import * #從函式庫 math 輸入所有 * 方法 t = (3,4,5,6,7,8,9,10,11,12,16,20)#宣告一元組tuple(...) tk = Tk() tk.title("劉任昌視窗使用者介面GUI") canvas = Canvas(tk, width=800, height=500) #建立視窗 canvas.pack() def show(event): #定義由事件event(按鈕選單)呼叫的函數show cx, cy, cr = 110, 210, 100 #宣告圓中心座標cx, cy半徑cr x, y =[],[] #宣告二陣列[...] k = s.get() #取得 ge t按鈕選單的選擇變數 u = 2 * pi / k #使用模組 math 圓周率 pi for i in range(k+1): x.append(cx + cr*cos(i*u)) #加入陣列的元素 y.append(cy + cr*sin(i*u)) #使用模組 math 三角函數cos, sin for i in range(k): canvas.create_line(x[i], y[i], x[i+1], y[i+1]) canvas.create_line(x[k-1], y[k-1], x[0], y[0], fill="blue", width=5) #可考慮增加width寬度,fill顏色 def diagonal(): cx, cy, cr = 410, 210, 100 #宣告圓中心座標cx, cy半徑cr x, y =[],[] ...
閱讀完整內容