버튼을 클릭 할 때 이미지가 변경되는 방법은 무엇입니까?

Question

if 문에서 무작위로 선택한 이미지를 보유하는 div 태그가 있습니다. 내 이미지 src는 주제를 통해 정렬 된 다양한 배열에 있습니다. 내가 어려움을 겪고있는 것은 내 이동 버튼을 클릭 할 때 이미지가 바뀌는 것입니다. if 문을 반복하여 다른 주제의 새로운 이미지를 제공하고 싶습니다. 여기에 간단한 내용이 누락되어 있습니까? 나는 자바 스크립트에 상당히 새롭기 때문에 어떤 도움을 주시면 감사하겠습니다.

Answer 1

주요 문제는 기존 이미지를 대체하는 방법 인 것 같습니다.

document.write = image;

이전 라인은 느릅 나무는 당신이 원하는 것을 분명히 아니다, 이미지 마크 업 기본 document.write 기능을 대체합니다. 모든 코드를 다시 작성하지 않고

은, 당신이 할 수있는 것은 이미지를 보유하고 당신의 image 변수의 내용에 innerHTML 숙박 시설의 교체 사업부를 찾을 수 있습니다.

document.getElementById('div_that_hold_the_image').innerHTML = image; 

난 강력하게 당신이 자바 스크립트에 대한 자세한 내용을 조언하는 사업부가 다른 아이들을 포함하는 경우, 그들은 모두

삭제됩니다. 코드가 실행되기 어렵다해도 많은 문제가 있습니다.

예를 들어 전역 변수를 사용하여 데이터를 전달하지 말고 ()을 사용하여 문자열 리터럴을 평가할 필요가 없습니다.

topic=("Tv Shows"); 그냥 당신이 또한 이미지를 변경하는`경우 1` 등이있는`switch`를 사용해야합니다 if` 당신이 자리를하고 전환 할 수 있습니다`사용보다는 먼저 topic = "Tv Shows";