<!DOCTYPE html>
<html>
<head><title>transform:rotate()</title>
<script>
function scale(){
var obj=document.getElemntById("spongebob")
for(var i=2;i<=5;i++){
obj.style.transform="scale("+i+",1)"
}
}
</script>
</head>
<body>
<h1>클릭하면 2,3,4배로 옆으로 늘어납니다.</h1>
<hr>
<img id="spongebob" onclick="sclae()" src="media/spongebob.png" width="100" width="100">
</body>
</html>
이렇게 했는데 실행이 되지 않습니다. 어디가 잘못 됬는지 잘 모르겠습니다!
document.getElemntById("spongebob") - > document.getElementById("spongebob")
onclick="sclae()" -> onclick="scale()"