Question

我在看＆＃34; HTML＆＃34;和＃34; JavaScript＆＃34;我有一个提示框，询问＆＃34;用户名＆＃34;，我想知道是否有办法将他们输入的名称发布到网页上。

为了给出一些背景知识我正在创建一个游戏，一旦用户输入了他们的名字，我想在包含游戏的画布下面显示它，以及他们的得分，这是我到目前为止所拥有的。

代码：

var player=prompt("Please enter your name");

if (player!=null)
{
x="Hello " + player + ;
document.getElementById("demo").innerHTML=x;
}

Answer 1

将您的开场body标记更改为：

<body onload="placeName();">

然后，您的JS文件应如下所示：

function placeName(){
  var name = prompt("Enter name");
  if (name != null){
    var greeting = "Hello " + player + "!";
    document.getElementById("demo").innerHTML = greeting;
  }
}

您还需要确保在div运行时确实有demo或类似function的某种类型的实际更改。这非常重要。唯一与你所做的不同的是它等待身体加载以提示用户。您的JS文件可能已在document之前加载，这可能会导致问题。还要确保已将JS文件链接到HTML文件或将其放在头部的script标记中。如果这些都不起作用，请检查控制台是否有错误并将其放在JSFiddle中，以便我们可以查看所有代码以检查错误。

Answer 2

试试这个：

<!DOCTYPE html>
<html>
<body>

<p>Click the button to demonstrate the prompt box.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x;
    var person = prompt("Please enter your name", "Harry Potter");

    if (person !== null) {
        x = "Hello " + person + "! How are you today?";
        document.getElementById("demo").innerHTML = x;
    }
}
</script>

</body>
</html>

来自http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_prompt

检索用户输入并在HTML中发布

2 个答案: