隐藏文字没有变得可见？

Question

我正在尝试使用Javascript使隐藏文本在满足条件后变得可见。

这是我的Javascript代码：

    var userAnswer = prompt("You and your best friend, John, are out camping in a remote forest. After getting to your location and setting down the supplies, you and John decide you should you explore the surrounding area. Do you want to split up or stick together?");

if(userAnswer === "split up") {
    document.getElementById(test).style.visibility="visible";
} else {
    document.getElementById(test2).style.visibility="visible";
}

HTML：

<div>

 <p id="test" style="visibility:hidden;"> Testing!</p>

 <p id="test2" style="visibility:hidden;"> Testing 2!</p>

 </div>

但是文字并没有变得明显。有什么建议吗？

Answer 1

由于您要在代码中定位ID，因此必须使用"表示ID的名称：

SCRIPT：

if(userAnswer === "split up") {
document.getElementById("test").style.visibility="visible";
} else {
    document.getElementById("test2").style.visibility="visible";
}