基本的Javascript數學文本字段

我想通過文本字段進行添加程序。

檢查JS小提琴的HTML代碼http://jsfiddle.net/fCXMt/

我需要知道的是我可以接受的文本字段和diplay輸出用戶輸入P標籤。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>untitled</title> 
</head> 
<body> 
<input id="value1" type="text" /> 
<span> + </span> 
<input id="value2" type="text" /> 
<input type="submit" onclick="output();"> 
<p id="result"> </p> 

<script type="text/javascript" language="javascript" charset="utf-8"> 
var value1 = document.getElementById('value1').innerHTML; 
var value2 = document.getElementById('value2').innerHTML; 

function output(){ 
    document.getElementById('result').innerHTML = value1 + value2; 
} 

</script> 
</body> 
</html>

來源

2011-06-18 kevvvin

的屬性得到一個文本框的值value，不innerHTML，所以改變這些，你也將需要使用的文本框的值eval或parseInt，否則就會將它們連接爲字符串。

此外，您需要在函數內移動您的變量聲明，以便在函數被調用時，來自文本框的當前值被回收。

查看更新小提琴here。

來源

2011-06-18 11:54:19

你有按鈕，點擊後搶在輸入字段中的值，並使用value財產（不innerHTML的）去做。另外，請確保您添加數字，而不是將字符串附加在一起。試試這個：

function output(){ 
    var value1 = document.getElementById('value1').value; 
    var value2 = document.getElementById('value2').value; 

    document.getElementById('result').innerHTML = parseInt(value1) + parseInt(value2); 
}

來源

2011-06-18 11:52:33 Kon

非常感謝Kon它正在工作 – kevvvin

您需要訪問輸入字段的「值」屬性，並分析它們作爲整數：

var value1 = parseInt(document.getElementById('value1').value); 
var value2 = parseInt(document.getElementById('value2').value);

來源

2011-06-18 11:54:22 jbachman

你只看過一次數值，你應該在輸出函數讀取它們; 您需要將它們解析爲整數，因爲如果使用字符串，1 + 4將變爲14。可能會更好，但這應該工作。

<script type="text/javascript" language="javascript" charset="utf-8"> 

function output(){ 
    var value1 = parseInt(document.getElementById('value1').value); 
    var value2 = parseInt(document.getElementById('value2').value); 
    document.getElementById('result').innerHTML = value1 + value2; 
} 

</script>

來源

2011-06-18 11:54:53 fijter

謝謝fijiter。 – kevvvin

爲了完整：您的腳本可能會更好。根據你的表格，我製作了另一個jsfiddle example。

來源

2011-06-18 13:36:38 KooiInc

thats kickass .. – SRN

基本的Javascript數學文本字段

回答

相關問題