html按鈕和javascript代碼

好的。我做了一個計算2的權力的程序。我有html代碼。但我首先爲你描述它。有一個輸入id ='inputin'，下面有一個按鈕。在輸入你寫一個數字。這個數字將是兩個指數，你按下按鈕後，結果會出現一個窗口的console.loghtml按鈕和javascript代碼

這裏的HTML：

<div id='main'> 
    <input type="number" name="power2" placeholder='Enter the power' id='inputin'><br/> 
    <button id="submit" onclick="binaryS()">Do it!</button> 

    </div>

和JavaScript：

binaryS = function() { 
x = document.getElementById("inputin").value; 
y=1; 
for(i=1;i<=x;i++) { 
    y=y*2; 
} 
console.log (y); 
};

爲什麼它不起作用？任何幫助？如果你可以建議，而不是一個醜陋的console.log窗口我怎麼能出現在一個新的div在頁面的某個地方？日Thnx

來源

2013-06-28 pits

我會用'警報（Y）'對於快速檢查（沒什麼奇怪的） –

Y = 1時每次都不會得到相同的答案嗎？ – Learner

它適合我。 http://jsfiddle.net/barmar/a9FrL/ – Barmar

你的JavaScript應該是：

function binaryS() { 
    var x = document.getElementById("inputin").value; 
    document.getElementById("outputValue").innerHTML = Math.pow(2,x); 
}

放置你的頁面顯示的某處以下：

<div id="outputValue">Result</div>

來源

2013-06-28 19:31:05

不錯的表演老夥計！ – abc123

+1當我建立[這個小提琴]（http://jsfiddle.net/GolezTrol/rcVrV/2/）的時候，我會打敗它，它本質上是一樣的，只有'span'和'innerText'。而不使用'數學'。：p – GolezTrol

這是我第一次真正的答案：D感謝這個可愛的網站，我很少有問題要問！ –

試試這個功能：

function nearestPow2(){ 
    return Math.pow(2, Math.round(Math.log(document.getElementById("inputin").value;)/Math.log(2))); 
}

編號：http://weblog.bocoup.com/find-the-closest-power-of-2-with-javascript/

來源

2013-06-28 19:31:41 Learner

沒有深入細節，您的代碼正在工作。我做了一個HTML頁面來證明它：

<html> 
    <head> 
     <script type="application/x-javascript"> 
      binaryS = function() { 
       x = document.getElementById("inputin").value; 
       y=1; 
       for(i=1;i<=x;i++) { 
        y=y*2; 
       } 
       document.getElementById('result').innerHTML = y 
      }; 
     </script> 
    </head> 
    <body> 
     <div id='main'> 
      <input type="number" name="power2" placeholder='Enter the power' id='inputin'><br/> 
      <button id="submit" onclick="binaryS()">Do it!</button> 
     </div> 
     <div id="result" ></div> 
    </body> 
</html>

我也用的，而不是一個自定義的數學運算Math.pow建議你：

Math.pow(2, parseInt(document.getElementById("inputin").value));

來源

2013-06-28 19:36:35

回答

相關問題