본문 바로가기
카테고리 없음

(javascript) 텍스트를 입력받아 대문자는 소문자로 소문자는 대문자로 변환한 결과를 출력하는 프로그램

by 팁텍북 2017. 10. 19.

(javascript) 텍스트를 입력받아 대문자는 소문자로 소문자는 대문자로 변환한 결과를 출력하는 프로그램

<!--대소문자 변환 -->

<!doctype html>

<html>



<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>

$(document).ready(function () {

$("#button1").click(function () {

var txt = $("#input1").val();

var txtArray = txt.split("");

for (var i = 0; i < txtArray.length; i++) {

console.log(txtArray[i]);

if ("a" <= txtArray[i] && txtArray[i] <= "z") {

txtArray[i] = txtArray[i].toUpperCase();

console.log(txtArray[i] + " toupper");

} else if ("A" <= txtArray[i] && txtArray[i] <= "Z") {

txtArray[i] = txtArray[i].toLowerCase();

console.log(txtArray[i] + " tolower");

}

}

$("#demo").html(txtArray.join(""));

});

});

</script>

</head>



<body>

<input type="text" name="" id="input1">

<br>

<button id="button1">클릭</button>

<br>

<p id="demo"></p>



</body>



</html>


댓글