将函数返回值填充到元素中

Question

我正在为我的网站写一个聊天页面。我已经成功地设法getmyFunction（）向用户询问他们的名字，简单地说欢迎“username”。问题是，我还希望在聊天本身的名称输入框中使用相同的名称，而不是用户每次希望写消息时都必须输入自己的名称。我使用了onclick=来提示用户输入他们的名字，但我无法让它在名称框中显示该名字。

<form action='submit.php' method='post' name='form'>

Your name:<br><p>Click the button to demonstrate the prompt box.</p>

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

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

<script>
function myFunction() {
var person = prompt("Please enter your name", "Harry Potter");
if (person != null) {
    document.getElementById("demo").innerHTML =
    "Hello " + person + "! How are you today?";
}
}
</script>
Your Name: <br>
<input type='text' name='name' size='20' onclick='myFunction()'><br>

Your message:<br>

<textarea name='message' cols='40' rows='2'></textarea><br>

编辑：我发现，虽然javascript代码submit.php，但submit.php根本不显示：/

Answer 1

您应该澄清发生了什么，应该发生什么，以及您希望在哪里发生。根据您所说的，我认为您想将输入的值更改为用户通过提示对话框输入的名称。在这种情况下，您可以这样做：

<script>
    function myFunction() {
        var person = prompt("Please enter your name", "Harry Potter");
        if (person) {
            document.getElementById("demo").innerHTML = "Hello " + person + "! How are you today?";
            document.getElementById("name").value = person;
        }
    }
</script>

顺便说一句，这不是问题的一部分，但是当你有一个输入字段来输入用户名时，通过提示对话框询问它是没有意义的。您可以要求用户通过输入字段输入，无论何时更改（onchanged