css 태그 style 에서 width 와 height를 주지 않고 스크립트내에서 집어넣은 이유는
없는 이미지 상태에서는 깨진 이미지 아이콘이 나와서 지저분해서 입니다.
<script>
function start(){
var ranInt = Math.floor(Math.random()*100)+1;
var ss = document.images[ranInt]
ss.src ="예제의 미디어 파일들/9장/media/strawberry.png";
ss.style.width ="70px";
ss.style.height = "70px";
}
function getcha(){
var ranInt = Math.floor(Math.random()*100)+1;
var ss = document.images[ranInt]
ss.src="예제의 미디어 파일들/9장/media/strawberry.png";
ss.style.width ="70px";
ss.style.height = "70px";
답변 감사합니다.
코드를 새로 짜봤는데 이미지를 클릭했을 때 새로운 이미지가 생겨나는 것 까지는 되나
그 전에 있던 이미지 삭제 하는 방법을 모르겠습니다.
css 태그 style 에서 width 와 height를 주지 않고 스크립트내에서 집어넣은 이유는
없는 이미지 상태에서는 깨진 이미지 아이콘이 나와서 지저분해서 입니다.
<script>
function start(){
var ranInt = Math.floor(Math.random()*100)+1;
var ss = document.images[ranInt]
ss.src ="예제의 미디어 파일들/9장/media/strawberry.png";
ss.style.width ="70px";
ss.style.height = "70px";
}
function getcha(){
var ranInt = Math.floor(Math.random()*100)+1;
var ss = document.images[ranInt]
ss.src="예제의 미디어 파일들/9장/media/strawberry.png";
ss.style.width ="70px";
ss.style.height = "70px";
}
</script>
</head>
<body onload="start()">
<h3>마우스 클릭 연습</h3>
<hr>
<table>
<tr>
<td><img src="" onclick="getcha()"></td>
<td><img src="" onclick="getcha()"></td>
.....
이 문제 때문에 거진 24시간을 헤매고 있네요ㅠㅠ