需要幫助創建計算 ROI 的有效 HTML 表格

Question

我正在嘗試創建一個 HTML 表單，用戶在輸入框中輸入預期收益和成本，單擊計算，該表單應計算並顯示凈利潤和投資回報率。

到目前為止，表格讓我可以輸入預期收益和成本，但計算按鈕沒有在相應的框中顯示凈利潤和投資回報率。

這是我到目前為止所擁有的（僅包括相關部分）：

 // Declare variables var projectName; // Gets user input for project name var expectedCost; // Gets user input for cost of project var expectedGain; // Gets user input for expected gain var netProfit; var returnOnInvestment; function calcNetProfit() { netProfit = expectedGain - expectedCost; // Calculate net profit } function calcReturnOnInvestment() { returnOnInvestment = netProfit / expectedCost * 100; // Calculate Return on Investment }

 <form> <label>Project Name</label> <input> <br><br> <label>Cost</label> <input> <br><br> <label>Gain</label> <input> <br><br> <label>Net Profit</label> <input> <br><br> <label>ROI as percentage</label> <input> <br><br> <input type="button" name="calculate" value="Calculate" onclick="calcNetProfit(); calcReturnOnInvestment();"/><br /> </form>

Answer 1

嘗試使用document.getElementById("demo").value獲取輸入類型的值，您還可以使用同一行代碼操作輸入框：

 function calc() { var projectName = document.getElementById("name").value var expectedCost = document.getElementById("cost").value var expectedGain = document.getElementById("gain").value var netProfit = expectedGain - expectedCost; document.getElementById("netprofit").value = netProfit; var returnOnInvestment = netProfit / expectedCost * 100; document.getElementById("roi").value = returnOnInvestment; }

 <form> <label>Project Name</label> <input type="text" id="name"> <br><br> <label>Cost</label> <input type="text" id="cost"> <br><br> <label>Gain</label> <input type="text"id="gain"> <br><br> <label>Net Profit</label> <input type="text" id="netprofit"> <br><br> <label>ROI as percentage</label> <input type="text" id="roi"> <br><br> <input type="button" name="calculate" value="Calculate" onclick="calc();"/><br /> </form>

Answer 2

要獲得輸入值，您必須使用

 var projectname =  document.querySelector('//id 
or class of input id 
mustbe #idname and class .classname').value;

然后使用 thouse 值進行操作

還輸入標簽必須具有類型和 class 或 id

<input type="number" class="classname">

Answer 3

您缺少有關如何獲取收益、成本和凈利潤值的步驟。 閱讀 JavaScript DOM。

簡而言之，這是答案。

 function calcNetProfit() { var expectedGain = document.getElementById('gain').value; var expectedCost = document.getElementById('cost').value; var netProfit = expectedGain - expectedCost; document.getElementById('netprofit').value = netProfit; return netProfit; } function calcReturnOnInvestment() { var expectedCost = document.getElementById('cost').value; var netProfit = calcNetProfit(); var roi = netProfit / expectedCost * 100; // Calculate Return on Investment document.getElementById('roi').value = roi; }

 <html> <form> <label>Project Name</label> <input> <br><br> <label>Cost</label> <input id="cost"> <br><br> <label>Gain</label> <input id="gain"> <br><br> <label>Net Profit</label> <input id="netprofit"> <br><br> <label>ROI as percentage</label> <input id="roi"> <br><br> <input type="button" name="calculate" value="Calculate" onclick="calcNetProfit(); calcReturnOnInvestment();" /><br /> </form> </html>

需要幫助創建計算 ROI 的有效 HTML 表格

問題描述

3 個解決方案

解決方案1
1 2019-10-13 23:14:31

解決方案2
0 2019-10-13 22:57:18

解決方案3
0 已采納 2019-10-13 22:58:18

需要幫助創建計算 ROI 的有效 HTML 表格

問題描述

3 個解決方案

解決方案1 1 2019-10-13 23:14:31

解決方案2 0 2019-10-13 22:57:18

解決方案3 0 已采納 2019-10-13 22:58:18

解決方案1
1 2019-10-13 23:14:31

解決方案2
0 2019-10-13 22:57:18

解決方案3
0 已采納 2019-10-13 22:58:18