將函數返回值填充到<input>元素

Question

我正在爲我的網站寫一個聊天頁面。我已成功設法getmyFunction()要求用戶輸入他們的姓名，只需說出歡迎'用戶名'即可。問題是我想在聊天本身的名稱輸入框中使用相同的名稱，而不是每次他們希望寫入消息時都必須輸入他們的名字。我用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不顯示在所有：/