2014-09-05 61 views
0

我正在試圖做一個簡單的瘋狂的庫類型遊戲。要做到這一點,我需要做到以下幾點:如何從Java腳本的輸入區域獲取用戶輸入並分配給變量?

  1. 有空間,用戶可以輸入文本
  2. 檢索的文本用戶輸入
  3. 將文本分配到使用Javascript
  4. 將變量填字
  5. 變量

我知道如何做到這一點使用是這樣的:

var userAnswer = prompt("Give me an answer"); 

但是,我想從文本輸入字段獲取輸入。我嘗試做以下,但我卡住了:

  1. 有ID輸入區=「輸入1」
  2. 創建函數,它的輸入1#內容和分配給一個變量。
  3. 使用按鈕來運行函數

在我的故事

<label for='input1'>Verb + ing</label><input id='input1'> 

<script> 
    var setInputs = function() { 
     var space1 = document.getElementById("input1").innerHTML; 
    } 
</script> 

<button onclick="setInputs">Click me</button> 

我我要對這個正確的方法,我會再後來使用這些變量?

小提琴:http://jsfiddle.net/6rjf5k9n/

+0

'document.getElementById(「input1」)。value' – 2014-09-05 04:22:09

回答

1

嘗試這個

<label for='input1'>Verb + ing</label><input id='input1'> 

     <script> 
     var setInputs = function() { 
      var space1 = document.getElementById("input1").value; 
      alert(space1); 
     } 


     </script> 
      <button onclick="setInputs()">Click me</button> 

.value給你一個表單元素(輸入,選擇,文本區域)的當前設置值,而 .innerHTML建立了基於該HTML字符串元素包含的DOM節點。

+0

太棒了!我只需要使用「.value」,然後使用document.getElementById(「answers」)。innerHTML = space1;之後。但是,當我在我的JS控制檯中調用「space1」時,我得到「space1未定義。」它適用於我,我只是想知道爲什麼它顯示爲未在控制檯中定義。 – Josh 2014-09-05 04:37:54