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/