자바 스크립트에서 텍스트를 사용하는 대신 이미지를 어떻게 삽입합니까?

Question

별표 표시된 텍스트 아래에 텍스트를 사용하는 대신 하이퍼 링크를 사용하여 이미지를 표시하고 싶지만 어떻게해야할지 모르겠습니다. JavaScript 안에서도 이것을 할 수 있습니까? 나는이 같은 매개 변수에 대해 다른 질문을 시도해 보았지만 내 질문에 대한 대답을 어떻게 번역해야할지 모르겠습니다. 감사!

var user; 
var choose = function(choice) { 
    user = choice; 
} 

var computerChoice = Math.random(); 
if (computerChoice < 0.34) { 
    computerChoice = "rock"; 
} 
else if (computerChoice < 0.67) { 
    computerChoice = "paper"; 
} 
else { 
    computerChoice = "scissors"; 
} 

var compare = function(choice1, choice2) { 
    if (choice1 === choice2) { 
     document.getElementById("result").innerHTML = "Tie!"; 
    } 
    else if (choice1 === "rock") { 
     if (choice2 === "scissors") { 
      document.getElementById("result").innerHTML = "You Win!"; 
     } 
     else { 
      document.getElementById("result").innerHTML = "You Lose!"; 
     } 
    } 
    else if (choice1 === "paper") { 
     if (choice2 === "rock") { 
      document.getElementById("result").innerHTML = "You Win!"; 
     } 
     else if (choice2 ==="scissors") { 
      document.getElementById("result").innerHTML = "You Lose!"; 
     } 
    } 
    else if (choice1 === "scissors") { 
     if (choice2 === "rock") { 
      document.getElementById("result").innerHTML = "You Lose!"; 
     } 
     else if (choice2 === "paper") { 
      document.getElementById("result").innerHTML = "You Win!"; 
     } 
    } 
    else { 
     document.getElementById("result").innerHTML = "ERROR!"; 
    } 
} 

Answer 1

는 요 입력해야합니다

"yourimg는"당신이 보여주고 싶은 이미지입니다

document.getElementById("result").innerHTML = "<img src='yourimg' alt='yourimgtext'/>" 

.

Answer 2

가지고 #result 텍스트 요소 이외의 이미지 수 :

<img id="result" src="..." alt="Rock Paper Scissors" /> 

그런 다음 .innerHTML 이외의 그 이미지의 .src 변경을 :

document.getElementById("result").src = ...; 

처음 경우 3 개 이미지를로드 확인 그들은 크다, 그렇지 않으면 당신은 다만 심상 근원을 바꾸는 ok 일 것이다. 이름이 win.png, lose.png 및 tie.png 인 것으로 가정합니다. 그러면 코드는 다음과 같습니다.

if (choice1 === choice2) { 
    document.getElementById("result").src= "tie.png"; 
} 
else if (choice1 === "rock") { 
    if (choice2 === "scissors") { 
     document.getElementById("result").src = "win.png"; 
    } 
    else { 
     document.getElementById("result").src = "lose.png"; 
    } 
} 
...