텍스트의 대문자 표기를 설정하려면 JavaScript에서 textTransform 속성을 사용합니다. 모든 단어의 첫 글자를 대문자로 만들고 싶다면 이 속성 값을 "capitalize"로 설정하면 됩니다.
예제
아래 코드를 실행하면 JavaScript로 텍스트의 첫 글자를 대문자로 변환한 결과를 확인할 수 있습니다.
<!DOCTYPE html>
<html>
<body>
<button onclick = "display()">Capitalize Text</button>
<div id = "myID">
This is demo text! This is demo text!
</div>
<script>
function display() {
document.getElementById("myID").style.textTransform = "capitalize";
}
</script>
</body>
</html>
버튼을 클릭하면 display() 함수가 실행되어 해당 요소의 textTransform 스타일이 "capitalize"로 변경되고, div 영역 안에 있는 모든 단어의 첫 글자가 자동으로 대문자로 표시됩니다.