15. 배열 요소 역순 정렬

2018. 1. 31. 13:25알고리즘(algorithm)

Q. 입력받은 정수를 배열에 저장하고 배열을 역순으로 정렬하세요.

numArr[0] 

numArr[1] 

numArr[2] 

numArr[3] 

numArr[4] 

numArr[0] 

numArr[1] 

numArr[2] 

numArr[3] 

numArr[4] 


S. HTML5, javascript, JQuery-3.2.1을 사용하여 작성됐습니다.


<!DOCTYPE html>

<html lang="ko">

<head>

<meta charset="utf-8">

<title>앙큼한유채`s 일상 Story</title>

<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>

<style type="text/css">

.btn{width: 190px;height: 30px; border: 1px solid black;margin-top: 10px;text-align: center;line-height: 30px;cursor: pointer;}

</style>

</head>

<body>

<div>

<span>

Q. 입력받은 정수를 배열에 저장하고 배열을 역순으로 정렬하세요.

</span>

</div>

<div>

<span>A의 값을 입력하세요.</span>

<input type="text" id="personA" autocomplete="off">

</div>

<div>

<span>B의 값을 입력하세요.</span>

<input type="text" id="personB" autocomplete="off">

</div>

<div>

<span>C의 값을 입력하세요.</span>

<input type="text" id="personC" autocomplete="off">

</div>

<div>

<span>D의 값을 입력하세요.</span>

<input type="text" id="personD" autocomplete="off">

</div>

<div>

<span>E의 값을 입력하세요.</span>

<input type="text" id="personE" autocomplete="off">

</div>

<div>

<span>F의 값을 입력하세요.</span>

<input type="text" id="personF" autocomplete="off">

</div>

<div id="result">

</div>

<div class="btn" onclick="btn()">결과</div>

<script type="text/javascript">

function btn(){

$("#spanResult").remove();

var personA=$("#personA").val();

var personB=$("#personB").val();

var personC=$("#personC").val();

var personD=$("#personD").val();

var personE=$("#personE").val();

var personF=$("#personF").val();

if(personA==""){

$("#result").append("<span id='spanResult'>A의 값을 입력하세요.</span>");

$("#personA").focus();

return;

}

else if(personB==""){

$("#result").append("<span id='spanResult'>B의 값을 입력하세요.</span>");

$("#personB").focus();

return;

}

else if(personC==""){

$("#result").append("<span id='spanResult'>C의 값을 입력하세요.</span>");

$("#personC").focus();

return;

}

else if(personD==""){

$("#result").append("<span id='spanResult'>D의 값을 입력하세요.</span>");

$("#personD").focus();

return;

}

else if(personE==""){

$("#result").append("<span id='spanResult'>E의 값을 입력하세요.</span>");

$("#personE").focus();

return;

}

else if(personF==""){

$("#result").append("<span id='spanResult'>F의 값을 입력하세요.</span>");

$("#personE").focus();

return;

}

else{

var personArr = [personA, personB, personC, personD, personE, personF];

var division=parseInt(personArr.length)/2;

var remainder=parseInt(personArr.length)%2;

var divvy=0;

var transform=0;

if(remainder==1){

divvy=division-0.5;

}

else{

divvy=division;

}

for(var cnt=0; cnt<divvy; cnt++){

transform=personArr[cnt];

personArr[cnt]=personArr[personArr.length-1-cnt];

personArr[personArr.length-1-cnt]=transform;


}

$("#result").append("<span id='spanResult'>"+personArr+"입니다.</span>");

}

}

</script>

</body>

</html>