배열 입력받아 정리하기
2019. 9. 20. 10:55ㆍ나의 노력/WEB
<script language="javascript">
var objArray = new Array();
function printArray() {
var objResult = document.getElementById("result");
var objItem = document.getElementById("item");
objResult.innerText = objArray.join(",");
objItem.value = "";
objItem.focus();
}
function doPush() {
var objItem = document.getElementById("item");
objArray.push(objItem.value);
printArray();
}
function doShift() {
var objValue = objArray.shift();
printArray();
alert("꺼내온 값은 " + objValue + "입니다.");
}
function doPop() {
var objValue = objArray.pop();
printArray();
alert("꺼내온 값은 " + objValue + "입니다.");
}
function doReverse() {
objArray = objArray.reverse();
printArray();
}
function doSort() {
objArray = objArray.sort();
printArray();
}
</script>
<body>
<input type="text" id="item">
<input type="button" value="배열에 추가하기" onclick="doPush()">
<br> 현재 배열의 값:
<span id="result"></span>
<br>
<br>
<input type="button" value="Shift로 꺼내기" onclick="doShift()">
<input type="button" value="Pop으로 꺼내기" onclick="doPop()">
<br>
<input type="button" value="Reverse로 뒤집기" onclick="doReverse()">
<input type="button" value="Sort로 정렬하기" onclick="doSort()">
</body>
'나의 노력 > WEB' 카테고리의 다른 글
| 함수로 배경 색 전환 (0) | 2019.09.20 |
|---|---|
| 라디오 박스 (0) | 2019.09.20 |
| 내 친구 나열하기 (0) | 2019.09.20 |
| HTML 문서에 시계 표시하기 (0) | 2019.09.20 |
| 회원가입 폼 만들기 - HTML (0) | 2019.09.10 |