알려주신 last 처럼 초기화를 시키는 방법을 처음에 시도를 해봤었는데 기초지식이 부족해 잘안되어 많이 헤맸네요ㅠ
제 나름대로 검색과 질문을 통해 해결한 방법도 올려 보겠습니다.
이 방법과 알려주신 첫번째 방법으로 했을 때 이미지의 크기가 셀의 크기를 넘어버려서 셀이 망가지게 되던데 이 부분을 해결할 수 있도록
이미지의 크기를 셀의 크기를 못 넘어가게 강제 시키는 방법은 혹시 없을까요?
2번째 방법 같은 visibility 같은 경우 출력이 되있는걸 안보이게 하는거라 셀이 천개, 만개 이렇게 될 경우엔 과부하가 걸리진 않는건가요?
<script>
function start(){
var ranInt = Math.floor(Math.random()*100);
var ss = document.images[ranInt]
ss.src ="예제의 미디어 파일들/9장/media/strawberry.png";
}
function getcha(obj){
var ranInt = Math.floor(Math.random()*100);
var ss = document.images[ranInt]
ss.src="예제의 미디어 파일들/9장/media/strawberry.png";
ss.style.width ="70px";
ss.style.height = "70px"; obj.setAttribute("src","");
}
감사합니다. 알려주신 방법으로 다 해보고 습득했습니다^^
알려주신 last 처럼 초기화를 시키는 방법을 처음에 시도를 해봤었는데 기초지식이 부족해 잘안되어 많이 헤맸네요ㅠ
제 나름대로 검색과 질문을 통해 해결한 방법도 올려 보겠습니다.
이 방법과 알려주신 첫번째 방법으로 했을 때 이미지의 크기가 셀의 크기를 넘어버려서 셀이 망가지게 되던데 이 부분을 해결할 수 있도록
이미지의 크기를 셀의 크기를 못 넘어가게 강제 시키는 방법은 혹시 없을까요?
2번째 방법 같은 visibility 같은 경우 출력이 되있는걸 안보이게 하는거라 셀이 천개, 만개 이렇게 될 경우엔 과부하가 걸리진 않는건가요?
<script>
function start(){
var ranInt = Math.floor(Math.random()*100);
var ss = document.images[ranInt]
ss.src ="예제의 미디어 파일들/9장/media/strawberry.png";
}
function getcha(obj){
var ranInt = Math.floor(Math.random()*100);
var ss = document.images[ranInt]
ss.src="예제의 미디어 파일들/9장/media/strawberry.png";
ss.style.width ="70px";
ss.style.height = "70px";
obj.setAttribute("src","");
}
</script>
</head>
<body onload="start()">
<h3>마우스 클릭 연습</h3>
<hr>
<table>
<tr>
<td><img src="" onclick="getcha(this)"></td>
<td><img src="" onclick="getcha(this)"></td>