this : 해당되는 태그 포함 나타낸다
=> this 이용해서 해당 하는 버튼 누를 때 value 가져와서 출력이 가능하다
<script type="text/javascript">
function myClick(obj) {
console.log("this",obj);
console.log("obj",obj.value);
}
</script>
전에 사용했던 값 포함해서 출력하기
<script type="text/javascript">
function myClick(obj) {
var obj_it = document.getElementById("it");
var str_old=obj_it.value;
console.log("obj_it.value >> ",str_old); //#it에 있는 value 출력
var str_new=obj.value;
console.log("obj.value >> ",str_new); //버튼 누르는 value 출력
//두개 합치면 이어서 작성가능
obj_it.value=str_old+str_new;
}
</script>
alert 출력
<script type="text/javascript">
function mycall(){
var obj_it = document.getElementById("it");
//#it value 값
var str_tel = obj_it.value;
alert("calling\n"+str_tel);
}
</script>
원본
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
body{
text-align:center;
}
#it{
text-align:right;
}
</style>
<script type="text/javascript">
function myClick(obj) {
console.log("this",obj);
var obj_it = document.getElementById("it");
var str_old=obj_it.value;
var str_new=obj.value;
obj_it.value=str_old+str_new;
console.log("obj",obj.value);
}
function mycall(){
var obj_it = document.getElementById("it");
var str_tel = obj_it.value;
alert("calling\n"+str_tel);
}
</script>
</head>
<body>
EX06
<br>
<table border="1">
<tr>
<td colspan="3">
<input type = "text" id ="it">
</td>
</tr>
<tr>
<td><input type = "button" class ="ib" value="1" onclick="myClick(this)"></td>
<td><input type = "button" class ="ib" value="2" onclick="myClick(this)"></td>
<td><input type = "button" class ="ib" value="3" onclick="myClick(this)"></td>
</tr>
<tr>
<td><input type = "button" class ="ib" value="4" onclick="myClick(this)"></td>
<td><input type = "button" class ="ib" value="5" onclick="myClick(this)"></td>
<td><input type = "button" class ="ib" value="6" onclick="myClick(this)" ></td>
</tr>
<tr>
<td><input type = "button" class ="ib" value="7" onclick="myClick(this)"></td>
<td><input type = "button" class ="ib" value="8" onclick="myClick(this)"></td>
<td><input type = "button" class ="ib" value="9" onclick="myClick(this)"></td>
</tr>
<tr>
<td><input type="button" class="ib" value="0"onclick="myClick(this)"></td>
<td colspan="2"><input type="button" class="ib_call" value="call" onclick="mycall()"></td>
</tr>
</table>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| [JavaScript]window.open() - 팝업 만들기 ⇒openr: 부모창에 값 보내기, CloneNode() :노드 복제 (0) | 2024.04.20 |
|---|---|
| JS 이용한 up&down 게임 (0) | 2024.04.10 |
| JS 이용한 가위바위보 (1) | 2024.04.10 |
| JS 이용한 구구단 출력 (0) | 2024.04.10 |
| 버튼 클릭시 값 변경, 버튼 클릭시 숫자 증가 (0) | 2024.04.10 |
