javascript로 HTML img.src 바꾸기

Hyoyoung Kim·2023년 5월 24일
0
post-thumbnail

✌️ 버튼 클릭시 javascript로 이미지를 바꾸기 싶었다.

🤨처음 코드

html

    <script src="Rsp.js"></script>
</head>
<body>
    <div>
        <h1>가위바위보</h1>
        <img id="lala2" src="img/물음표 이미지.jpg" alt="물음표 이미지"/>
        <button onclick='rockClick()'>
          <img src="img/바위 이미지.jpg" alt="바위이미지" /></button>
    </div>
</body>

js

const rockClick = ()=>{
    RockSissors('바위');
    document.getElementById('lala').scr='img/바위 이미지.jpg';

}

이렇게 진행하니 이미지가 안바뀌었다. 뭐가 문제일까 구굴링을 엄청 해본 결과...

😊 바뀐 코드

js

const rockClick = ()=>{
    var aimg = document.getElementById("lala2");
  // 뒤에 세미콜론 붙여줘야 한다. 안붙여주면 한 코드인줄 알고 작동이 안된다.
    aimg.src='img/바위 이미지.jpg';
    RockSissors('바위');
}

😍 그 결과 너무 잘 돌아간다 ㅎㅎ

참고 링크

https://onpups.pe.kr/120

0개의 댓글