2017-02-13 97 views
0

我只是一個begginer,所以很抱歉,如果我的問題似乎愚蠢的你。我正在努力爲一位年輕女士創建一個簡單的數學任務網站。把輸入字符串JS

我在js女巫中創建了一個數組,我嘗試從中繪製隨機方程。每個人在不同的地方都有差距。問題是,我不能定義將顯示我想要實現的結果的變量。

from 4+_=15 to (bellow) 
4+<input id="gap" type="text">=15 

我試圖填補「_」與輸入字段:什麼,我希望能像

這就是例子。我會告訴你我的代碼的碎片,以幫助您瞭解:

var equation= new Array(2) 
equation[0] ='4+_=15'; 
equation[1]= '2+9:3='box''; 

var random= Math.floor(Math.random()*1); 

var random_equation = equation[random]; 
equation1= random_equation; 
var eq_length = main_equation.length; 

function draw_equation(){ 
    document.getElementById("board").innerHTML= equation1; 
} 
var box = document.getElement.ById("board").innerHTML='<input id="gap" type="text">; 

您obviusly不能定義VAR像我的「盒子」,但可以幫助你明白我的意思確實存在。

所以我的問題:這是可行的js?我明確地看到使用這種類型的結構的情況,但我不明白它是如何根據來源製作的。

+0

'的document.getElementById( 「板」)的innerHTML = equation1.replace( '_', '<輸入的ID = 「間隙」 類型= 「文本」>')' – JJJ

+0

謝謝,很多!你是天才:) – stefan835

回答

-1

我認爲你不應該填寫你的文本字段寬度_。而不是你應該讓你的文本字段看起來像你需要寬度的CSS。嘗試這樣:

<style> 
input#gap { 
    border: none; 
    border-bottom: 1px solid #000; 
    width: 20px; 
} 
</style> 
<div>4+<input id="gap" type="text">=15</div>