使用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/