[자바스크립트] 대소문자 변환

 

toUpperCase() - 대문자로 변환

toLowerCase() - 소문자로 변환

 

<p id="demo">Hello!</p>
<button onclick="btnUpper()">대문자로</button>
<button onclick="btnLower()">소문자로</button>

<script>
	let text = document.getElementById("demo").innerHTML;

    function btnUpper(){ 
      document.getElementById("demo").innerHTML = text.toUpperCase();
    }

    function btnLower(){
        document.getElementById("demo").innerHTML = text.toLowerCase();
    }
</script>

실행결과

초기화면

대문자로 버튼 클리시

소문자로 버튼 클릭 시

 

See the Pen toUpperCase(), toLowerCase() by kim oya (@ttuttu) on CodePen.