通過javascript添加數字

-1

<html> 
<head> 
<title>JavaScript - using function</title> 
<script> 
function add(){ 
var value1=document.getElementById("n1").value; 
var value2=document.getElementById("n2").value; 
document.getElementById("result").value=parseFloat(value1)+parseFloat(value2); 
} 
</script> 
</head> 
<body> 
<label>First Number:<input type="number" id="n1"/></label> 
<label>Second Number:<input type="number" id="n2"/></label> 
<input type="button" value="Add" onClick="add()" /> 
<p> 
Result = <span id="result" ></span> 
</p> 
</body> 
</html>

我是JavaScript新手，希望創建一個腳本來添加數字。按下「添加」按鈕後，無法顯示結果。如何獲得顯示的結果？通過javascript添加數字

來源

2017-06-04 Flame Rocky

你的函數看起來像它應該工作。您只需添加一個事件偵聽器，以便在您點擊該按鈕時調用它。 – Barmar

@ input type =「button」value =「Add」/>'change to'' – Varun

@Varun我做了更改但代碼仍然無法正常工作。按下「添加」按鈕後，不會顯示數字的結果 –

它的工作有以下改動 - >調用add函數onclick事件 - >代替值使用的innerHTML

<html> 
<head> 
<title>JavaScript - using function</title> 
<script> 
    function add(){ 
     var value1=document.getElementById("n1").value; 
     var value2=document.getElementById("n2").value; 
     console.log(value1,value2) 
     document.getElementById("result").innerHTML=parseFloat(value1)+parseFloat(value2); 
    } 
</script> 
</head> 
<body> 
<label>First Number:<input type="number" id="n1"/></label> 
<label>Second Number:<input type="number" id="n2"/></label> 
<input type="button" value="Add" onclick="add()"/> 
<p> 
Result = <span id="result" ></span> 
</p> 
</body> 
</html>

希望這有助於

來源

2017-06-04 04:20:11 mssnrg

首先，你應該改變

document.getElementById("result").value = value1 + value2

這樣：

document.getElementById("result").innerHTML = n1 + n2

因爲值代表的屬性值<輸入>，而不是文本在標籤上寫入

。

其次，更改按鈕操作的代碼：

<input type="button"value="Add"onclick="add()">

這種「點擊」一些所謂的事件在JavaScript中，

這意味着在點擊按鈕「添加」它執行所謂的「funtion加（）」。

如果你是新來的Javascript你會知道一切。

只是有耐心。

來源

2017-06-04 04:15:55

這仍然不會打印結果！ – Varun

兩件事情錯在這裏...

1）

<input type="button" value="Add" />將其更改爲

<input type="button" value="Add" onclick="add()" />

此外，

2）

document.getElementById("result").value=parseFloat(value1)+parseFloat(value2);

到

document.getElementById("result").innerHTML=parseFloat(value1)+parseFloat(value2);

PS：這不是一個分配解決網站：P

來源

2017-06-04 04:16:56 Varun

它更好地把js放在文檔的末尾 - 也正如注意到onclick處理程序需要t o調用函數。我還整理了一些代碼。

<html> 
 
<head> 
 
<title>JavaScript - using function</title> 
 
<style>label{display:block}</style> 
 
</head> 
 
<body> 
 
    <label>First Number:<input type="number" id="n1"/></label> 
 
    <label>Second Number:<input type="number" id="n2"/></label> 
 
    <input type="button" value="Add" onclick="add()"> 
 
    <p>Result = <span id="result" ></span></p> 
 

 
<script> 
 
function add(){ 
 
    var value1=parseFloat(document.getElementById("n1").value); 
 
    var value2=parseFloat(document.getElementById("n2").value); 
 
    var total= value1 + value2; 
 
    document.getElementById("result").innerText=total; 
 
} 
 
</script> 
 

 
</body> 
 
</html>

來源

2017-06-04 04:24:03 gavgrif

通過javascript添加數字

回答

相關問題