मैं एक 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>
0
JohnSal 14 अक्टूबर 2019, 01:45

3 जवाब

सबसे बढ़िया उत्तर

आप लाभ, लागत और शुद्ध लाभ के मूल्यों को कैसे प्राप्त करें, इस पर कदम नहीं उठा रहे हैं। जावास्क्रिप्ट डोम पर पढ़ें।

यहाँ उत्तर संक्षेप में दिया गया है।

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>
0
undrftd 18 जुलाई 2020, 01:48

इनपुट मूल्य प्राप्त करने के लिए आपको इसका उपयोग करना चाहिए

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

और फिर घरेलू मूल्यों के साथ छेड़छाड़

इनपुट टैग में भी टाइप और क्लास या आईडी होना चाहिए

<input type="number" class="classname">
0
Gurami 13 अक्टूबर 2019, 22:57

इनपुट प्रकार का मान प्राप्त करने का प्रयास करें: 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>
1
A. Meshu 14 अक्टूबर 2019, 10:39