使用HTML表格讀取時出錯

Question

我正在嘗試使用JavaScript從窗體讀取數據。

這是我的代碼到目前爲止。

<form id="frm1"> 
Your text: <input type="text" name="fname"><br><br> 
</form> 
<button onclick="myFunction()">Go!</button> 
<script> 
function myFunction() { 
var myStr; 
myStr = document.getElementById("frm1");; 
var myStrL = myStr.length; 
var i = myStrL; 
console.log(myStr.substring(0,i)); 
var i = i - 1; 
for (i = 0; i < myStrL; i++) { 
console.log(myStr.substring(0,i)); 
document.write(myStr.substring(0,i)); 
document.write ("<br>"); 
} 
var i = myStrL + 1; 
document.write(myStr.substring(0,i)); 
document.write ("<br>"); 
} 
</script> 
</body> 

艱難，當我按下「開始」按鈕，沒有任何反應，任何幫助表示讚賞，感謝。

Answer 1

<form id="frm1"> 
Your text: <input type="text" id="fname" name="fname"><br><br> 
</form> 
<button onclick="myFunction()">Go!</button> 
<script> 
function myFunction() { 
var myStr; 
myStr = document.getElementById("fname").value; 
console.log(myStr); 
var myStrL = myStr.length; 
var i = myStrL; 
console.log(myStr.substring(0,i)); 
var i = i - 1; 
for (i = 0; i < myStrL; i++) { 
console.log(myStr.substring(0,i)); 
document.write(myStr.substring(0,i)); 
document.write ("<br>"); 
} 
var i = myStrL + 1; 
document.write(myStr.substring(0,i)); 
document.write ("<br>"); 
} 
</script> 

這將工作。您的目標是錯誤的元素

https://jsfiddle.net/vb6cab14/