input標籤

<input type="text" id="yzm" value="" />
<input type="button" value="轉大寫" onclick="dxz()" />
<input type="button" value="轉小寫" onclick="xxz()" />
<input type="text" id="bzm" value="" />

轉大寫字母

function dxz() {
    var yzm = document.getElementById('yzm');
    var bzm = document.getElementById('bzm');
    bzm.value 
 
= yzm.value.toUpperCase();
}

轉小寫字母

function xxz() {
    var yzm = document.getElementById('yzm');
    var bzm = document.getElementById('bzm');
    bzm.value = yzm.value.toLowerCase();
}

我們還可以基於上面的字母轉換改寫為一個函式

改進方法

input標籤點選

<input type="text" id="yzm" value="" />
<input type="button" value
 
="轉大寫" onclick="deal(dxz)" />
<input type="button" value="轉小寫" onclick="deal(xxz)" />
<input type="text" id="bzm" value="" />

js函式

function deal(opt){
    var str = document.getElementById('yzm').value;
    switch(opt){
        case 'dxz':
        str = str.toUpperCase();
        break
 
;
        case 'xxz':
        str = str.toLowerCase();
        break;
    }
    document.getElementById('bzm').value = str;
};

toLowerCase() 方法用於把字串轉換為小寫。

toUpperCase() 方法用於把字串轉換為大寫。