HTML 表單轉換為 Javascript 變量

Question

如果這有一個簡單的答案，我對 Javascript 相當陌生，所以很抱歉。

我想將用戶在表單中輸入的名稱輸入到 javascript 變量中。 例如，如果用戶在表單中輸入名稱“James”，我希望變量“ans1”等於字符串“James”。 這是我的代碼...

 <form> Name: <input type="text" id="username" /> <input type="submit" value="Submit" onClick="makeans1()" /> </form> <script> function makeans1() { var ans1 = document.getElementById.value('username'); alert(ans1); } </script>

我添加警報的原因是檢查代碼是否有效。 任何幫助將不勝感激。 謝謝

Answer 1

更改： var ans1 = document.getElementById.value('username'); .

到： var ans1 = document.getElementById("username").value; .

 function makeans1() { var ans1 = document.getElementById("username").value; alert(ans1); }

 <form> Name: <input type="text" id="username" /> <input type="submit" value="Submit" onClick="makeans1()" /> </form>

Answer 2

正確的代碼應該是：

var ans1 = document.getElementById('username').value;

並且始終將您的 alert() 放在函數的開頭。 如果你想測試功能命中:)

Answer 3

只需替換下面的行

var ans1 = document.getElementById.value('username');

和

var ans1 = document.getElementById('username').value