Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在HTML中检索用户输入和发布_Javascript_Html_Prompt - Fatal编程技术网

Javascript 在HTML中检索用户输入和发布

Javascript 在HTML中检索用户输入和发布,javascript,html,prompt,Javascript,Html,Prompt,我在看“HTML”和“JavaScript”,我有一个提示框,要求输入“用户名”,我想知道是否有办法将他们输入的用户名发布到网页上 为了给大家一点背景知识,我正在创建一个游戏,一旦用户输入了他们的名字,我想把它显示在一个包含游戏的画布下面,旁边是他们的分数,这是我到目前为止所做的 代码: 将您的开场白body标签更改为: <body onload="placeName();"> 您还需要确保您有一个div或id为demo的类型,以便在函数运行时实际更改。这非常重要。上面与您所做的唯

我在看“HTML”和“JavaScript”,我有一个提示框,要求输入“用户名”,我想知道是否有办法将他们输入的用户名发布到网页上

为了给大家一点背景知识,我正在创建一个游戏,一旦用户输入了他们的名字,我想把它显示在一个包含游戏的画布下面,旁边是他们的分数,这是我到目前为止所做的

代码:


将您的开场白
body
标签更改为:

<body onload="placeName();">
您还需要确保您有一个
div
或id为
demo
的类型,以便在
函数运行时实际更改。这非常重要。上面与您所做的唯一不同的是,它会等到身体加载后才提示用户。您的JS文件可能在
文档
之前加载,这可能会导致问题。还要确保您已将JS文件链接到HTML文件,或已将其放入头部的
script
标记中。如果这些都不起作用,请检查您的控制台是否存在错误,并将其放在一个文件夹中,以便我们可以查看您的所有代码以检查错误。

尝试以下操作:

<!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>

单击按钮以演示提示框

试试看

函数myFunction(){ var x; var person=提示(“请输入您的姓名”,“哈利波特”); if(person!==null){ x=“你好”+person+“!你今天好吗?”; document.getElementById(“demo”).innerHTML=x; } }

from

那么问题出在哪里?播放器后面不应该有加号吗?问题是一旦它使用了用户名,我想在页面上显示用户名。当用户输入他们的名字时,它不会出现在页面的任何地方。你确定你有一个id为“demo”的html元素吗?你的JavaScript错误控制台怎么说?
function placeName(){
  var name = prompt("Enter name");
  if (name != null){
    var greeting = "Hello " + player + "!";
    document.getElementById("demo").innerHTML = greeting;
  }
}
<!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>