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