從文本框中檢索輸入值

Question

我需要創建一個框，以便當用戶輸入一個值到6時，它會滾動那麼多骰子。我是一個完整的初學者的JavaScript和任何幫助將不勝感激。

這裏是我的功能：

function NumberValue() { 
     for (i = 0; i <['randNumber']; i++){ 
      var numberRoll = Math.floor(Math.random() * 6) + 1; 
      var userNumber = '../images/die' + numberRoll + '.gif'; 
      myNewTag = "<img id='dieImgRandom' src='" + userNumber + "'>" 
      document.getElementById('dieDivRandom').innerHTML += myNewTag; 

這裏是我的身體元素：

<h1>Why don't you pick please?</h1> 

<div id="dieDivRandom" style="text-align:center"> 

<p> 

<div id="dieImageRand"> 

<img id="dieImgRandom" alt="die image" src="../images/die1.gif"> 

<br> 

<input type="text" id="randNumber" size=20 value="Enter 1 through 6"> 

<input type="button" value="Click to Roll" onclick="NumberValue();"> 

</div> 

功能需要允許用戶提交一個，兩個，三個，四個，五個數，或六個，並且需要在屏幕上顯示許多圖像。圖像重新放置在我的圖像文件夾中，所以相對鏈接將工作得很好。這實際上是我需要使用的。謝謝。

Answer 1

替換：

for (i = 0; i <['randNumber']; i++){ 

隨着：

1. document.getElementById('inputId').value;
：

for (i = 0; i <document.getElementById('randNumber').value; i++) { 

---

的<input />標籤可以通過使用以下的任一訪問

2. document.formName.inputName.value

---

最後，你的代碼就變成了：

function NumberValue() { 
    for (i = 0; i < document.getElementById('inputId').value; i++) { 
     var numberRoll = Math.floor(Math.random() * 6) + 1; 
     var userNumber = '../images/die' + numberRoll + '.gif'; 
     myNewTag = "<img id='dieImgRandom' src='" + userNumber + "'>" 
     document.getElementById('dieDivRandom').innerHTML += myNewTag; 
    } 
} 

Answer 2

使用此功能可以從文本框讀取值

function NumberValue() {  
var ranNum = document.getElementById('randNumber').value; 

     for (i = 0; i <ranNum ; i++){ 

     } 

} 

編輯：

如果您想驗證輸入的nu MBER

添加的代碼塊

function NumberValue() {  
var ranNum = document.getElementById('randNumber').value; 
     if(ranNum < 1 || ranNum > 6) { 
      alert("Please enter number from 1 to 6 only"); 
      return false; 
      } 

     for (i = 0; i <ranNum ; i++){ 

     } 

     return true; 

}