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

哟需要输入：

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

其中“yourimg”是您要显示的图像。

Answer 2

让#result成为文本元素以外的图像：

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

然后更改.src以外的该图片的.innerHTML：

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

如果它们很大，请确保先装入3张图像，否则只需更改图像源即可。假设它们的名称为：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";
    }
}
...

如何在Javascript中插入图像而不是使用文本？

2 个答案: