자바스크립트 버튼으로 배열에 추가하기
현재 배열의 값:
| |
<html>
<head>
<title> 배열 </title>
<script language="javascript">
var objArray = new Array();
function inNumber() {
if (event.keyCode < 48 || event.keyCode > 57) {
event.returnValue = false;
}
}
function printArray() {
var objResult = document.getElementById("result");
var objItem = document.getElementById("item");
objResult.innerText = objArray.join(",");
objItem.value = "";
objItem.focus();
}
function Push() {
var objItem = document.getElementById("item");
objArray.push(objItem.value);
printArray();
}
function do_Shft() {
var objValue = objArray.shift();
printArray();
alert("꺼내온 값은 " + objValue + "입니다.");
}
function do_p() {
var objValue = objArray.pop();
printArray();
alert("꺼내온 값은 " + objValue + "입니다.");
}
function do_re() {
objArray = objArray.reverse();
printArray();
}
function do_sort() {
objArray = objArray.sort();
printArray();
}
</script>
<style>
</style>
</head>
<body>
<table class="center">
<tr>
<tr>
<td>
<input type="text" id="item" onkeypress="inNumber();" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" />
</td>
<td>
<input type="button" value="배열에 추가하기" onclick="Push()" style = "padding: 1px 28px;">
</td>
</tr>
<br>
<td>
현재 배열의 값:
<span id="result"></span>
<br><br>
</td>
<tr>
<td>
<input type="button" id="bnt" value="Shift로 꺼내기" onclick="do_Shft()" style = "padding: 1px 28px;">
<input type="button" id="bnt" value="Pop으로 꺼내기" onclick="do_p()" style = "padding: 1px 28px;">
<br>
<input type="button" id="bnt" value="Reverse로 뒤집기" onclick="do_re()" style = "padding: 1px 28px;">
<input type="button" id="bnt" value="Sort로 정렬하기" onclick="do_sort()" style = "padding: 1px 28px;">
</td>
</tr>
</tr>
</table>
</body>
</html>
'개발 공부 > JavaScript' 카테고리의 다른 글
| 자바스크립트 이벤트 수정 2 (0) | 2020.07.29 |
|---|---|
| 자바스크립트 이벤트 수정 (0) | 2020.07.29 |
| 자바스크립트 이벤트 1 (0) | 2020.07.29 |
| 자바스크립트 시작하기 (0) | 2020.07.28 |
이 글을 공유합시다
