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

当我按下“Go”按钮时，很困难，没有任何反应，感谢任何帮助，谢谢。

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/