劉任昌Javascript與Python比較

劉任昌JAVASCRIPT不需要如PYTHON輸入TKINTER因為已經在視窗執行

重點

python的append=javascript的push，接下的重python例如用在office軟體的各種自動化.. 還有一個重點是物件導向object-oriented programming

style程式碼

<STYLE>

BUTTON{BORDER:10PX SOLD RED;BORDER-RADIUS:20PX;}

H1{BORDER:10PX SOLD RED;BORDER-RADIUS:20PX;BACKGROUND:PURPLE;COLOR:WHITE;FONT-SIZE:16PX;}

  </STYLE>

以上程式碼在HTML模式貼上

在撰寫模式下貼上程式碼就形成以下的畫面

<SCRIPT>

var banks=['摩根大通','美國銀行','中國工商','花旗銀行'];

function ABC(){

var c = document.getElementById("myCanvas");

var ctx = c.getContext("2d");

txt = '';

ctx.clearRect(0, 0, 600, 300);

for (i=0; i<banks.length; i++) txt += banks[i]+' ';

ctx.font = "20px 標楷體";

ctx.fillText(txt,0,40);

}

function XYZ(){

 newbank = document.getElementById('bank').value;

    banks.push(newbank);

    ABC();

}

function kill(){

 banks.pop();

    ABC();

}

</SCRIPT>

<INPUT ID='bank' value='劉任昌金庫'></INPUT>

<BUTTON ONCLICK='XYZ()'>劉任昌增加</BUTTON>

<BUTTON ONCLICK='ABC()'>劉任昌銀行</BUTTON>

<BUTTON ONCLICK='kill()'>刪除串列的最後一個元素</BUTTON>

<canvas id="myCanvas" width="600" height="200" style="border:5px dotted green"></canvas>