は、ここに私のHTMLに出力することが、私は単に私のループのカウンタを取得しようとしていますhtml要素

にインデックス全体のOUTPUTにループループのカウントには、ここに私のHTMLに出力することが、私は単に私のループのカウンタを取得しようとしていますhtml要素

をそのインデックスのすべてを取得することはできません私のhtmlの入力です：

ここで

<body> 
 
    <div> 
 
    <label for="start">Start</label> 
 
    <input type="number" name="start"> 
 
    </div> 
 
    <div> 
 
    <label for="end">End</label> 
 
    <input type="number" name="end"> 
 
    </div> 
 
    <div> 
 
    <label for="step">Step</label> 
 
    <input type="number" name="step"> 
 
    </div> 
 
    <p id="myP"></p>

私はJavaScriptである：

function myFunction() { 
 
    var start = document.getElementByName("start")[0].value; 
 
    var end = document.getElementByName("end")[0].value; 
 
    var step = document.getElementByName("step")[0].value; 
 

 
    for (var i = start; i < end; i += step) { 
 
    document.getElementById("myP").value = i; 
 

 
    } 
 
}

スタート（4）、エンド（20）、ステップ（3）と私はクロームでCONSOLE.LOGは出力が4 devTool場合、10、16の機能が動作しますので、私はかなり確信ししかし日間、私は私のhtmlに希望の結果を得る方法を見つけ出すことができました。

出典

2017-03-12 Anonymous

document.getElementById（ "myP"）。textContext = i; – CaptainHere

@ILikeToMoveItMoveItありがとう、 –

この段落にはvalue属性がありません。そのtextContextを設定する必要があります。

function myFunction(){ 
     var start = document.getElementByName("start")[0].value; 
     var end = document.getElementByName("end")[0].value; 
     var step = document.getElementByName("step")[0].value; 

     for(var i = start; i < end; i += step){ 
      document.getElementById("myP").textContext= i; 

      } 
     }

出典

2017-03-12 05:06:09 CaptainHere

問題のカップル：あなたはparseInt機能を使用して整数に入力値を変換する必要があり

そこにはdocument.getElementByNameはありませんが、むしろdocument.getElementsByName
私はへの配列を追加しましたiの各値を収集し、すべての収集値の連結をinnerHTMLプロパティmyP

function myFunction(){ 
 
    var start = parseInt(document.getElementsByName("start")[0].value); 
 
    var end = parseInt(document.getElementsByName("end")[0].value); 
 
    var step = parseInt(document.getElementsByName("step")[0].value); 
 

 
    var is = []; 
 
    for(var i = start; i < end; i += step){ 
 
     is.push(i); 
 
    } 
 
    document.getElementById("myP").innerHTML = is.join(); 
 
} 
 

 
myFunction();

<div> 
 
    <label for="start">Start</label> 
 
    <input type="number" name="start" value="4"> 
 
</div> 
 
<div> 
 
    <label for="end">End</label> 
 
    <input type="number" name="end" value="20"> 
 
</div> 
 
<div> 
 
    <label for="step">Step</label> 
 
    <input type="number" name="step" value="6"> 
 
</div> 
 
<p id="myP"></p>

出典

2017-03-12 05:08:55 dana

ありがとう、これは絶対に完璧です!!!! –

使用innerHTMLプロパティ。

for(var i = start; i < end; i += step){ 
    document.getElementById("myP").innerHTML = i; 
}

出典

2017-03-12 05:09:05

は、ここに私のHTMLに出力することが、私は単に私のループのカウンタを取得しようとしていますhtml要素

答えて

関連する問題