<html>
<head>
<script>
window.onload=function(){
b.onclick=aa;
}
function aa(){
var str=t1.value;
var s1=str.charAt(0).toUpperCase();
var s2=str.substring(1).toLowerCase();
t2.value=s1+s2;
}
</script>
</head>
<body>
<input type="text" id="t1"><br>
<input type="button" id="b" value="바꾸기"><br>
<input type="text" id="t2"><br>
</body>
</html>
<html>
<head>
<style type="text/css">
div { width:300px; height:70px; }
.s1 { background:orange; }
.s2 { background:gray; }
</style>
<script>
window.onload=function(){
var str=d1.innerHTML;
var s1=str.charAt(0).toUpperCase()
var s2=str.substring(1).toLowerCase();
d2.innerHTML=s1+s2;
}
</script>
</head>
<body>
<div class="s1" id="d1">ABCDEFGhijklmnopfjkdls;ajkfla</div>
<p>
<div class="s2" id="d2"></div>
</body>
</html>
'개발하자 > 자바스크립트' 카테고리의 다른 글
| 문자열에서 파일명만 잘라내기 (0) | 2015.02.17 |
|---|---|
| 문자열관련 메서드 (0) | 2015.02.17 |
| split() (0) | 2015.02.17 |
| Method Chaining (0) | 2015.02.17 |
| onkeyup을 이용한 포커스이동 (0) | 2015.02.14 |