Javascript введите номер в форме

Question

<script> 
    function loop() 
    { 
     var input = document.getElementById('id').value; 
     //var ans; 
     for (var x = 1; x < input; x++) 
     { 
      var ans = document.getElementById('hello').innerHTML; 
     } 
    } 
</script> 
<input type="text" id="id" /> 
<input type="submit" onclick="loop()" value="isubmit"> 
<div id="hello"></div> 

Мне нужно ввести номер текстового поля, затем отправить его, после чего отобразит цикл. По какой-то причине я получаю только белый экран. Он ничего не делает.

Answer 1

Если то, что вы хотите сделать, это в цикле от 1 Шифрование до введенного числа минус один, то вы можете изменить вашу функцию, чтобы быть похожим на это:

function loop() { 
    var input = document.getElementById('id').value; 
    var result = document.getElementById('hello'); 
    for (var x = 1; x < input; x++) { 
    result.innerHTML += x + ' '; 
    } 
} 

Проверить эту скрипку, чтобы увидеть его в действии: http://jsfiddle.net/arnellebalane/1ysut9L3/

Answer 2

HTML

<input type = "text" id = "input_id" /> 
<input type = "submit" id = "submit_btn" value = "isubmit"> 

<div id = "hello"> 
    ... 
</div> 

JavaScript

function LoopOnClickEvent(input_id, button_id, result_id) 
{ 
    input = document.getElementById(input_id); 
    button = document.getElementById(button_id); 
    result = document.getElementById(result_id); 

    button.onclick = function() 
    { 
     var val = parseInt(input.value); 

     if(Number.isNaN(val) || val < 2) 
     { 
      var old = result.innerHTML; 
      result.innerHTML = "Please type a real number greater than 1"; 
      setTimeout(function(){ result.innerHTML = old; }, 1500); 
     } 
     else 
     { 
      var final_val = ""; 
      for(var cpt = 1; cpt < val; ++cpt) 
      { 
       final_val += cpt; 
      } 
      result.innerHTML = final_val; 
     } 
    }; 
} 

/* Exemple */ 
LoopOnClickEvent("input_id", "submit_btn", "hello"); 

http://jsfiddle.net/q0f4g5gr/

Я надеюсь, что это поможет :)