一、使用js製作簡單計算器
1.在body裡面先建立計算器頁面。
①第乙個運算元框
②第二個運算元框
③加減乘除按鈕的設定
④計算結果的顯示
2.編寫函式語句
ⅰ、編寫加法計算函式語句
document.getelementbyid("result").value=n1+n2; //將n1和n2的值相加給result這個控制項的value中
ⅱ、編寫減法計算函式語句
document.getelementbyid("result").value=n1-n2; //將n1和n2的值相減給result這個控制項的value中
ⅲ、編寫乘法計算函式語句
document.getelementbyid("result").value=n1*n2;
ⅳ、編寫除法計算函式語句
document.getelementbyid("result").value=n1/n2; //注意除數不能為0
3.body呼叫函式控制計算
完整**:
簡單計算器
第乙個數:
第二個數:
計算結果:
二、使用js製作簡單登入頁面:
1.建立頁面框架:建立乙個兩行三列的**
卡號:密碼:2.定義函式,控制頁面中控制項的輸入及格式。
完整**:
登入介面
卡號:密碼:
JS函式與事件補充
一 ji宣告函式方式 方式一 function 函式名 引數 方式二 var 函式名 function 引數 二 事件方式 方式一 通過標籤的事件屬性 如 方式二 給元素派發事件 document.getelementbyid id值 nclick function 引數 document.gete...
js事件繫結函式
js中,如果遇到同乙個變數,被同乙個函式使用多次時,只會執行最後乙個函式的命令。如果想要每乙個函式的命令都被執行,就需要用到事件的繫結。js中繫結事件的函式分為相容ie和相容非ie的兩個 ie attachevent 事件名稱,函式 繫結事件處理函式 detachevent 事件名稱,函式 解除繫結...
JS事件處理函式
a ele.on function event 相容性好,同乙個元素的同乙個事件上繫結一次,基本等同於解除安裝html行間 this指向dom元素 b obj.addeventlistener 事件型別,處理函式,false 同乙個物件同乙個事件繫結多個處理函式 this指向dom元素 ie9 一下...