| 단축 URL: https://humoruniv.com/program6595 URL 복사 |
start버튼을 누른다음에 num01~ 05 라는 id를 가진 객체를 누르면 그객체가 클릭됫다는걸 화면에띄우려고하는데
num01~05 를 눌르면 buttonprocess라는 이벤트가 발생하는데 이걸발생시킨 num01~05의 원소의 id를 가져올려고 document.getelementbyid(e.target)을 했거든요.. 그런데 아무런 효과가안나네요 event property에서 어떤 걸사용해야 원하는대로 id를가져올수잇을까요 참고로 그냥 e넣은것도안됨
ps) getAttribute("id) (함수?라해야하나 ) 이거사용하니까 되네요.. 위에방식은왜안될까요?
//============ html
<html>
<head>
<meta charset="utf-8">
<title>Question 02</title>
<style type = "text/css">
.num{display:inline;}
.num01{}
.num02{}
.num03{}
.num04{}
.num05{}
</style>
<script src="q02.js"></script>
</head>
<body>
<form action="#">
<input id="startbut" type="button" value="starting">
</form>
<div class = "num">
<div id = "num01">a</div>
<div id = "num02">b</div>
<div id = "num03">c</div>
<div id = "num04">d</div>
<div id = "num05">ess</div>
</div>
</body>
</html>
/==============/ javscript
var numbers = new Array();
var clicknum = [0,0,0,0,0];
var time1;
var time2;
function start(){
var button = document.getElementById("startbut");
button.addEventListener("click",st_but,false);
var time3 = new Date();
time1 = time3.getTime();
console.log(time1);
for(var i=0; i<5; ++i){
numbers[i]= document.getElementById("num0"+(i+1))
}
}
function st_but(){
var time4 = new Date();
time2 = time4.getTime();
console.log(time2);
for(var i =0; i <5; ++i){
var num= Math.floor(1+Math.random()*5);
numbers[i].innerHTML = num;
}
numbers[2].innerHTML = time2-time1
for(var i =0; i <5; ++i){
numbers[i].addEventListener("click",butprocess,false);
}
}
function butprocess(e){
for(var i=0; i<5; ++i){
if(document.getElementById(e.target) == ("num0"+(i+1)) ){
clicknum[i] = 1;
numbers[i].innerHTML = "</p>click</p>";
}
}
if(clicknum==[1,1,1,1,1]){
numbers[4].innerHTML = "</p>all click</p>";
}
}
window.addEventListener("load",start,false);
| ※ 로그인 없이 추천 가능 | ||
 |
 |
 |
|
|
| ▲ 다음글 | 랜덤으로 중복되지않는 조합만들기[웹] | 낚시왕김태공 |
 0
 0
 11
 258
|
2018-11-02 [01:26] |
| ▼ 이전글 | 서비스종료된게임의 클라이언트 만으로 프리서버 구축이 가능한가요? | 쿵야사랑해 |
1
0
6
606
|
2018-11-01 [07:45] |
|
낚시왕김태공 |
아그리고 모두클릭되면 allclick이라는게 떠야하는데 다클릭해도 이게안뜨네요.. 원소도 확인해봣는데 [1,1,1,1,1] 정상적으로 수행됬구여
|
00 |
 추천
반대
 신고
 답글
|
2018-11-01 |
 |
 solum |
ㅠㅠ 소스가다짤린거같은데.. 스크린샷좀요!!
|
00 |
추천
반대
신고
|
2018-11-01 |
|
낚시왕김태공 |
아마 폰으로보셔서그럴걸여 pc화면으로보면괜차늠
|
00 |
추천
반대
신고
|
2018-11-01 |
|
solum |
어.. 우선 addclicklister 에 2번째 인자는 콜백함수에요. 거기서 e는 이벤트타입이구요. 그러니까 e객체는 이벤트객체죠. e.target 은 이벤트 객체의 타겟입니다. 클릭되는 이벤트가 div인거죠. 그래서 e.target 하면 html 객체랑 문자열이랑 비교하게됩니다. document.getElementbyId(e.target) 대신에 e.tagrget.id 로바꾸시면됩니다. getAttribute(id)는 말그대로 해당 HTML에 id attribute 값을 가져오는거에요. 클릭된 객체의 id 값을가져오는거니 getAttribute("id) === e.target.id 랑 동일하게 됩니다.
|
00 |
추천
반대
신고
|
2018-11-01 |
|
solum |
하실때 f12 누르시고 console.log 로 콘솔찍어보시면 e.target 에서 html 객체로 리턴되는거 보실수가있어요 ㅎㅎ
|
00 |
추천
반대
신고
|
2018-11-01 |
|
낚시왕김태공 |
허..답변감사합니다 혹시 댓글에잇는질문도 왜그러신지아시나요??
|
00 |
추천
반대
신고
|
2018-11-01 |
|
미안아빠웃대한다 |
clicknum==[1,1,1,1,1] <-- 이게 죽어도 true가 될 수 없어요. 일일히 5개의 값을 비교해야 함. array간에 비교연산자 사용은 좀 다른 의미라 "내용이 같지만 다른 녀석" 쯤으로 해석되버려요.
|
00 |
추천
반대
신고
|
2018-11-01 |
|
낚시왕김태공 |
아그럼 for문돌려야겟네요
|
00 |
추천
반대
신고
|
2018-11-01 |
|
미안아빠웃대한다 |
for(var k=0;k<5;k++) t+=allclick[k]; 이런걸로 t가 5가 되는지 비교 뭐 이런 방법이나 최소한 if(allclick[0] == 1 && allclick[1] == 1 && allclick[2] == 1 && allclick[3] == 1 && allclick[4] == 1) 이렇게 비교하거나
|
00 |
추천
반대
신고
|
2018-11-01 |
|
낚시왕김태공 |
후..중간중간에 할때마다 이해안되는게많은 ㅠㅠ
|
00 |
추천
반대
신고
|
2018-11-01 |
|
|
sliknot |
jquery 쓰면 안댐?https://jsfiddle.net/GuNN/nkwjahyt/1/
|
00 |
추천
반대
신고
답글
|
2018-11-04 |
|
낚시왕김태공 |
Jquery는 사용하면안된데연 ㅠㅠ
|
00 |
추천
반대
신고
|
2018-11-04 |
상대방에 대한 배려는 네티켓의 기본입니다.게시물에 상관없는 답글이나 추천유도성 답글을 달지 마세요.
스포일러성 답글이 신고되거나 발견되면 이유불문 삭제 혹은 정학처리 됩니다. 유의 부탁 드립니다.
| ▲ 다음글 | 랜덤으로 중복되지않는 조합만들기[웹] | 낚시왕김태공 |
0
0
11
258
|
2018-11-02 [01:26] |
| ▼ 이전글 | 서비스종료된게임의 클라이언트 만으로 프리서버 구축이 가능한가요? | 쿵야사랑해 |
1
0
6
606
|
2018-11-01 [07:45] |
← CTRL+C 로 복사하고 CTRL+V 로 붙여넣으세요!
대표이사 이정민 | 개인정보 보호책임자 이정민 | 민원, 운영자메일, 관리안내 | 통신판매업신고 제 2010-서울강남-01011호
Since 1998.8.24, Copyright (c) 2025 humoruniv.com All right reserved.