尝试为所需的放大器创建 JavaScript 计算器

【问题标题】：Trying to Create a JavaScript Calculator for amps needed尝试为所需的放大器创建 JavaScript 计算器
【发布时间】：2016-06-01 11:59:00
【问题描述】：

您好，我正在尝试制作一个计算器，以便人们可以知道他们在工作现场需要多少瓦、安培和电压。我正在尝试制作一份他们可以填写的表格，让他们可以填写他们在工作现场拥有的每种设备的数量。我拥有我想要的一切，但是当我点击计算时，回复是“NaN”。我非常感谢您的帮助。 

<form><table width="960">
<tr><td colspan="4" bgcolor="#CCCCCC"><h2>HD-CVI Cameras</h2></td></tr>
<tr><td bgcolor="#eaeaea"><b>Model</b></td><td bgcolor="#eaeaea"><b>Voltage type</b></td><td bgcolor="#eaeaea"><b>Amps</b></td><td bgcolor="#eaeaea"><b>Amount on Job</b></td></tr>
	<tr><td>HAC-HDBW2220R-Z:</td><td>DC 12V</td><td>&lt; 0.7 Amps (When IRs cut on)</td><td><input type="text" name="valueOne"   value="0" id="valueOne"></td></tr> 
    <tr><td>HAC-HFW2220R-Z:</td><td>DC 12V</td><td>&lt; 0.7 Amps (When IRs cut on)</td><td><input type="text" name="valueTwo"   value="0" id="valueTwo"></td></tr>
    <tr><td>DH-IDF-480B(W)(ZA)-V2:</td><td>DC 12V</td><td>&lt; 0.5 Amps (When IRs cut on)</td><td><input type="text" name="valueThree" value="0" id="valueThree"> <br></td></tr> 
    <tr><td>DH-IBF-680B(W)(ZA)-V2:</td><td>DC 12V</td><td>&lt; 0.5 Amps (When IRs cut on)</td><td><input type="text" name="valueFour" value="0" id="valueFour"> <br></td></tr> 
    <tr><td>DH-IBV-780B(W)(ZA)-V2:</td><td>DC 12V</td><td>&lt; 0.5 Amps (When IRs cut on)</td><td><input type="text" name="valueFive" value="0" id="valueFive"> <br></td></tr> 
    <tr><td>DH-IDV-580B(W)-MZ:</td><td>DC 12V</td><td>&lt; 1.0 Amps (/w Motorized Lens)</td><td><input type="text" name="valueSix" value="0" id="valueSix"> <br></td></tr> 
    <tr><td>DH-IDV-580B(W)(ZA)-V2:</td><td>DC 12V</td><td>&lt; 0.5 Amps (When IRs cut on)</td><td><input type="text" name="valueTwentyfour" value="0" id="valueTwentyfour"> <br></td></tr> 
    <tr><td>DH-IDF-480B(W):</td><td>DC 12V</td><td>&lt; 0.45 Amps (When IRs cut on)</td><td><input type="text" name="valueSeven" value="0" id="valueSeven"> <br></td></tr> 
    <tr><td>DH-IBF-680B(W):</td><td>DC 12V</td><td>&lt; 0.45 Amps (When IRs cut on)</td><td><input type="text" name="valueEight" value="0" id="valueEight"> <br></td></tr> 
    <tr><td>DH-IV-980W:</td><td>DC 12V</td><td>&lt; 0.45 Amps (When IRs cut on)</td><td><input type="text" name="valueNine" value="0" id="valueNine"> <br></td></tr>  
    <tr><td colspan="4" bgcolor="#CCCCCC"><h2>HD-CVI PTZ Cameras</h2></td></tr>
    <tr><td bgcolor="#eaeaea"><b>Model</b></td><td bgcolor="#eaeaea"><b>Voltage type</b></td><td bgcolor="#eaeaea"><b>Amps</b></td><td bgcolor="#eaeaea"><b>Amount on Job</b></td></tr>
    <tr><td>SD42212I-HC:</td><td>AC 24V</td><td>3.0 Amps</td><td><input type="text" name="valueTen" value="0" id="valueTen"> <br></td></tr> 
    <tr><td>SD59220I-HC:</td><td>AC 24V</td><td>3.0 Amps</td><td><input type="text" name="valueEleven" value="0" id="valueEleven"> <br></td></tr>
    <tr><td colspan="4" bgcolor="#CCCCCC"><h2>Uniview IPC Cameras</h2></td></tr>
    <tr><td bgcolor="#eaeaea"><b>Model</b></td><td bgcolor="#eaeaea"><b>Voltage type</b></td><td bgcolor="#eaeaea"><b>Amps</b></td><td bgcolor="#eaeaea"><b>Amount on Job</b></td></tr>
    <tr><td>IPC542E-DUC:</td><td>AC 24V / DC 12V / PoE</td><td>&lt; 0.60 Amps (When ICR Switches)</td><td><input type="text" name="valueTwelve" value="0" id="valueTwelve"> <br></td></tr> 
    <tr><td>IPC3612ER3-PF28(36):</td><td>DC 12V / PoE</td><td>&lt; .47 Amps (When IRs cut on)</td><td><input type="text" name="valueThirteen" value="0" id="valueThirteen"> <br></td></tr> 
    <tr><td>IPC3232ER-VS(DV):</td><td>DC 12V / PoE</td><td>&lt; 0.65 Amps (When IRs cut on)</td><td><input type="text" name="valueFourteen" value="0" id="valueFourteen"> <br></td></tr> 
    <tr><td>IPC2122SR3-PF36:</td><td>DC 12V / PoE</td><td>&lt; 0.55 Amps (When IRs cut on)</td><td><input type="text" name="valueFifteen" value="0" id="valueFifteen"> <br></td></tr> 
    <tr><td>IPC242E-IR-Z-IN:</td><td>DC 12V / PoE</td><td>&lt; 1.00 Amps (When IRs cut on)</td><td><input type="text" name="valueSixteen" value="0" id="valueSixteen"> <br></td></tr> 
    <tr><td>IPC242ER5-DL:</td><td>DC 12V / PoE</td><td>&lt; 1.00 Amps (When IRs cut on)</td><td><input type="text" name="valueEightteen" value="0" id="valueEightteen"> <br></td></tr> 
    <tr><td>IPC3234SR-DVZ28:</td><td>DC 12V / PoE</td><td>&lt; 1.50 Amps (/w Motorized Lens)</td><td><input type="text" name="valueNineteen" value="0" id="valueNineteen"> <br></td></tr> 
    <tr><td>IPC2124SR3-PF36:</td><td>DC 12V / PoE</td><td>&lt; 0.55 Amps (When IRs cut on)</td><td><input type="text" name="valueTwenty" value="0" id="valueTwenty"> <br></td></tr>
    <tr><td>IPC2324EBR-DPZ28:</td><td>DC 12V / PoE</td><td>&lt; 1.50 Amps (/w Motorized Lens)</td><td><input type="text" name="valueTwentyfive" value="0" id="valueTwentyfive"> <br></td></tr>
    <tr><td colspan="4" bgcolor="#CCCCCC"><h2>Uniview PTZ Cameras</h2></td></tr>
    <tr><td bgcolor="#eaeaea"><b>Model</b></td><td bgcolor="#eaeaea"><b>Voltage type</b></td><td bgcolor="#eaeaea"><b>Amps</b></td><td bgcolor="#eaeaea"><b>Amount on Job</b></td></tr> 
    <tr><td>IPC642E-X30N:</td><td>AC 24V</td><td>3.0 Amps</td><td><input type="text" name="valueTwentyone" value="0" id="valueTwentyone"> <br></td></tr> 
    <tr><td>IPC6222ER-X20(X30):</td><td>AC 24V</td><td>3.0 Amps</td><td><input type="text" name="valueTwentytwo" value="0" id="valueTwentytwo"> <br></td></tr> 
    <tr><td>IPC6242SL-X22:</td><td>AC 24V</td><td>3.0 Amps</td><td><input type="text" name="valueTwentythree" value="0" id="valueTwentythree"> <br></td></tr>
 
<tr><td height="10"></td></tr>
<tr><td colspan="3"></td><td><div id="result"></div></td></tr>
<tr><td height="10"></td></tr>
    <tr><td colspan="3"></td><td><input type="button" value="Calculate power needed!"  onclick="javascript:myCalc(document.getElementById('valueOne').value, document.getElementById('valueTwo').value, document.getElementById('valueThree').value, document.getElementById('valueFour').value), document.getElementById('valueFive').value, document.getElementById('valueSix').value, document.getElementById('valueSeven').value, document.getElementById('valueEight').value, document.getElementById('valueNine').value, document.getElementById('valueTen').value, document.getElementById('valueEleven').value, document.getElementById('valueTwelve').value, document.getElementById('valueThirteen').value, document.getElementById('valueFourteen').value, document.getElementById('valueFifteen').value, document.getElementById('valueSixteen').value, document.getElementById('valueSeventeen').value, document.getElementById('valueEightteen').value, document.getElementById('valueNineteen').value, document.getElementById('valueTwenty').value, document.getElementById('valueTwentyone').value, document.getElementById('valueTwentytwo').value, document.getElementById('valueTwentythree').value, document.getElementById('valueTwentyfour').value, document.getElementById('valueTwentyfive').value">
</form></td></tr>
    </table> 
<script>
 
function myCalc(valueOne, valueTwo, valueThree, valueFour ,valueFive, valueSix, valueSeven, valueEight, valueNine, valueTen, valueEleven, valueTwelve, valueThirteen, valueFourteen, valueFifteen, valueSixteen, valueSeventeen, valueEightteen, valueNineteen, valueTwenty, valueTwentyone, valueTwentytwo, valueTwentythree, valueTwentyfour, valueTwentyfive)
{
    if (valueOne == 0) {
        document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueFour)*.5) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
    } else if (valueTwo == 0) {
        document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueOne)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueFour)*.5) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
    } else if (valueThree == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueOne)*.70) + (parseFloat(valueFour)*.5) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
    } else if (valueFour == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueFive == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFour)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueSix == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueFour)*.5) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueSeven == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueFour)*.5) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueEight == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueFour)*.50) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueNine == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueFour)*.5) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueTen == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueFour)*.50)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueEleven == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueTwelve == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueFour)*.50)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueThirteen == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueFour)*.50) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueFourteen == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFour)*.50) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueFifteen == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFour)*.50) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueSixteen == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueFour)*.5) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueEightteen == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueFour)*.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueNineteen == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueFour)*.50) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueTwenty == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueTwentyone == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueTwentytwo == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueTwentythree == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueTwentyfour == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
	} else if (valueTwentyfive == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueSeventeen)*1.00) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyFour)*.50));
	} else if (valueSeventeen == 0)  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueFour)*.50) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50));
		} else  {
		document.getElementById("result").innerHTML = 'Power Needed: '+ ((parseFloat(valueTwo)*.70) + (parseFloat(valueThree)*.5) + (parseFloat(valueOne)*.70) + (parseFloat(valueFive)*.5) + (parseFloat(valueSix)*1.0) + (parseFloat(valueTwentyfour)*.5) + (parseFloat(valueSeven)*.45) + (parseFloat(valueEight)*.45) + (parseFloat(valueNine)*.45) + (parseFloat(valueTwelve)*.60)+ (parseFloat(valueThirteen)*.47) +(parseFloat(valueFourteen)*.65) + (parseFloat(valueFifteen)*.55) + (parseFloat(valueSixteen)*1.00) + (parseFloat(valueFour)*.50) + (parseFloat(valueEightteen)*1.50) + (parseFloat(valueNineteen)*.55) + (parseFloat(valueTwentyfive)*1.50))		
	}
}
</script>

【问题讨论】：

  • 您是否考虑过所有所有 25 个输入的条件/状态？您的代码是否涵盖所有这些条件？
  • 您应该首先考虑重构此代码，以减少重复。当你重构和减少代码时，你可能会发现你的错误。如果您不这样做，您可以让我们更轻松地帮助您找到错误。
  • 我不太擅长编码脚本 我实际上在网上找到了主脚本并用它来制作其他一些运行良好的计算器，当我们看到需要这个计算器时，我尝试编辑主脚本以这种方式工作。我不确定如何简化它。

标签： javascript calculator nan


【解决方案1】：

这个设计让我哭了......但这里是固定（-up）的解决方案......

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <form>
        <table width="960">
            <tr><td colspan="4" bgcolor="#CCCCCC"><h2>HD-CVI Cameras</h2></td></tr>
            <tr><td bgcolor="#eaeaea"><b>Model</b></td><td bgcolor="#eaeaea"><b>Voltage type</b></td><td bgcolor="#eaeaea"><b>Amps</b></td><td bgcolor="#eaeaea"><b>Amount on Job</b></td></tr>
            <tr><td>HAC-HDBW2220R-Z:</td><td>DC 12V</td><td>&lt; 0.7 Amps (When IRs cut on)</td><td><input type="text" name="valueOne" value="0" id="valueOne"></td></tr>
            <tr><td>HAC-HFW2220R-Z:</td><td>DC 12V</td><td>&lt; 0.7 Amps (When IRs cut on)</td><td><input type="text" name="valueTwo" value="0" id="valueTwo"></td></tr>
            <tr><td>DH-IDF-480B(W)(ZA)-V2:</td><td>DC 12V</td><td>&lt; 0.5 Amps (When IRs cut on)</td><td><input type="text" name="valueThree" value="0" id="valueThree"> <br></td></tr>
            <tr><td>DH-IBF-680B(W)(ZA)-V2:</td><td>DC 12V</td><td>&lt; 0.5 Amps (When IRs cut on)</td><td><input type="text" name="valueFour" value="0" id="valueFour"> <br></td></tr>
            <tr><td>DH-IBV-780B(W)(ZA)-V2:</td><td>DC 12V</td><td>&lt; 0.5 Amps (When IRs cut on)</td><td><input type="text" name="valueFive" value="0" id="valueFive"> <br></td></tr>
            <tr><td>DH-IDV-580B(W)-MZ:</td><td>DC 12V</td><td>&lt; 1.0 Amps (/w Motorized Lens)</td><td><input type="text" name="valueSix" value="0" id="valueSix"> <br></td></tr>
            <tr><td>DH-IDV-580B(W)(ZA)-V2:</td><td>DC 12V</td><td>&lt; 0.5 Amps (When IRs cut on)</td><td><input type="text" name="valueTwentyfour" value="0" id="valueTwentyfour"> <br></td></tr>
            <tr><td>DH-IDF-480B(W):</td><td>DC 12V</td><td>&lt; 0.45 Amps (When IRs cut on)</td><td><input type="text" name="valueSeven" value="0" id="valueSeven"> <br></td></tr>
            <tr><td>DH-IBF-680B(W):</td><td>DC 12V</td><td>&lt; 0.45 Amps (When IRs cut on)</td><td><input type="text" name="valueEight" value="0" id="valueEight"> <br></td></tr>
            <tr><td>DH-IV-980W:</td><td>DC 12V</td><td>&lt; 0.45 Amps (When IRs cut on)</td><td><input type="text" name="valueNine" value="0" id="valueNine"> <br></td></tr>
            <tr><td colspan="4" bgcolor="#CCCCCC"><h2>HD-CVI PTZ Cameras</h2></td></tr>
            <tr><td bgcolor="#eaeaea"><b>Model</b></td><td bgcolor="#eaeaea"><b>Voltage type</b></td><td bgcolor="#eaeaea"><b>Amps</b></td><td bgcolor="#eaeaea"><b>Amount on Job</b></td></tr>
            <tr><td>SD42212I-HC:</td><td>AC 24V</td><td>3.0 Amps</td><td><input type="text" name="valueTen" value="0" id="valueTen"> <br></td></tr>
            <tr><td>SD59220I-HC:</td><td>AC 24V</td><td>3.0 Amps</td><td><input type="text" name="valueEleven" value="0" id="valueEleven"> <br></td></tr>
            <tr><td colspan="4" bgcolor="#CCCCCC"><h2>Uniview IPC Cameras</h2></td></tr>
            <tr><td bgcolor="#eaeaea"><b>Model</b></td><td bgcolor="#eaeaea"><b>Voltage type</b></td><td bgcolor="#eaeaea"><b>Amps</b></td><td bgcolor="#eaeaea"><b>Amount on Job</b></td></tr>
            <tr><td>IPC542E-DUC:</td><td>AC 24V / DC 12V / PoE</td><td>&lt; 0.60 Amps (When ICR Switches)</td><td><input type="text" name="valueTwelve" value="0" id="valueTwelve"> <br></td></tr>
            <tr><td>IPC3612ER3-PF28(36):</td><td>DC 12V / PoE</td><td>&lt; .47 Amps (When IRs cut on)</td><td><input type="text" name="valueThirteen" value="0" id="valueThirteen"> <br></td></tr>
            <tr><td>IPC3232ER-VS(DV):</td><td>DC 12V / PoE</td><td>&lt; 0.65 Amps (When IRs cut on)</td><td><input type="text" name="valueFourteen" value="0" id="valueFourteen"> <br></td></tr>
            <tr><td>IPC2122SR3-PF36:</td><td>DC 12V / PoE</td><td>&lt; 0.55 Amps (When IRs cut on)</td><td><input type="text" name="valueFifteen" value="0" id="valueFifteen"> <br></td></tr>
            <tr><td>IPC242E-IR-Z-IN:</td><td>DC 12V / PoE</td><td>&lt; 1.00 Amps (When IRs cut on)</td><td><input type="text" name="valueSixteen" value="0" id="valueSixteen"> <br></td></tr>
            <tr><td>IPC242ER5-DL:</td><td>DC 12V / PoE</td><td>&lt; 1.00 Amps (When IRs cut on)</td><td><input type="text" name="valueEightteen" value="0" id="valueEightteen"> <br></td></tr>
            <tr><td>IPC3234SR-DVZ28:</td><td>DC 12V / PoE</td><td>&lt; 1.50 Amps (/w Motorized Lens)</td><td><input type="text" name="valueNineteen" value="0" id="valueNineteen"> <br></td></tr>
            <tr><td>IPC2124SR3-PF36:</td><td>DC 12V / PoE</td><td>&lt; 0.55 Amps (When IRs cut on)</td><td><input type="text" name="valueTwenty" value="0" id="valueTwenty"> <br></td></tr>
            <tr><td>IPC2324EBR-DPZ28:</td><td>DC 12V / PoE</td><td>&lt; 1.50 Amps (/w Motorized Lens)</td><td><input type="text" name="valueTwentyfive" value="0" id="valueTwentyfive"> <br></td></tr>
            <tr><td colspan="4" bgcolor="#CCCCCC"><h2>Uniview PTZ Cameras</h2></td></tr>
            <tr><td bgcolor="#eaeaea"><b>Model</b></td><td bgcolor="#eaeaea"><b>Voltage type</b></td><td bgcolor="#eaeaea"><b>Amps</b></td><td bgcolor="#eaeaea"><b>Amount on Job</b></td></tr>
            <tr><td>IPC642E-X30N:</td><td>AC 24V</td><td>3.0 Amps</td><td><input type="text" name="valueTwentyone" value="0" id="valueTwentyone"> <br></td></tr>
            <tr><td>IPC6222ER-X20(X30):</td><td>AC 24V</td><td>3.0 Amps</td><td><input type="text" name="valueTwentytwo" value="0" id="valueTwentytwo"> <br></td></tr>
            <tr><td>IPC6242SL-X22:</td><td>AC 24V</td><td>3.0 Amps</td><td><input type="text" name="valueTwentythree" value="0" id="valueTwentythree"> <br></td></tr>

            <tr><td height="10"></td></tr>
            <tr><td colspan="3"></td><td><div id="result"></div></td></tr>
            <tr><td height="10"></td></tr>
            <tr>
                <td colspan="3"></td>
                <td>
                    <input type="button" value="Calculate power needed!" onclick="javascript:myCalc();">
                </td>
            </tr>
        </table>
    </form>
    <script>

        function myCalc() {
            var valueOne = document.getElementById('valueOne').value;
            var valueTwo = document.getElementById('valueTwo').value;
            var valueThree = document.getElementById('valueThree').value;
            var valueFour = document.getElementById('valueFour').value;
            var valueFive = document.getElementById('valueFive').value;
            var valueSix = document.getElementById('valueSix').value;
            var valueSeven = document.getElementById('valueSeven').value;
            var valueEight = document.getElementById('valueEight').value;
            var valueNine = document.getElementById('valueNine').value;
            var valueTen = document.getElementById('valueTen').value;
            var valueEleven = document.getElementById('valueEleven').value;
            var valueTwelve = document.getElementById('valueTwelve').value;
            var valueThirteen = document.getElementById('valueThirteen').value;
            var valueFourteen = document.getElementById('valueFourteen').value;
            var valueFifteen = document.getElementById('valueFifteen').value;
            var valueSixteen = document.getElementById('valueSixteen').value;
            var valueSeventeen = 0;//document.getElementById('valueSeventeen').value;
            var valueEightteen = document.getElementById('valueEightteen').value;
            var valueNineteen = document.getElementById('valueNineteen').value;
            var valueTwenty = document.getElementById('valueTwenty').value;
            var valueTwentyone = document.getElementById('valueTwentyone').value;
            var valueTwentytwo = document.getElementById('valueTwentytwo').value;
            var valueTwentythree = document.getElementById('valueTwentythree').value;
            var valueTwentyfour = document.getElementById('valueTwentyfour').value;
            var valueTwentyfive = document.getElementById('valueTwentyfive').value;
            var result =
                (isNaN(valueOne) ? 0 : parseFloat(valueOne) * .7) +
                (isNaN(valueTwo) ? 0 : parseFloat(valueTwo) * .7) +
                (isNaN(valueThree) ? 0 : parseFloat(valueThree) * .5) +
                (isNaN(valueFour) ? 0 : parseFloat(valueFour) * .5) +
                (isNaN(valueFive) ? 0 : parseFloat(valueFive) * .5) +
                (isNaN(valueSix) ? 0 : parseFloat(valueSix)) +
                (isNaN(valueSeven) ? 0 : parseFloat(valueSeven) * .45) +
                (isNaN(valueEight) ? 0 : parseFloat(valueEight) * .45) +
                (isNaN(valueNine) ? 0 : parseFloat(valueNine) * .45) +
                (isNaN(valueTen) ? 0 : parseFloat(valueTen) * 3) +
                (isNaN(valueEleven) ? 0 : parseFloat(valueEleven) * 3) +
                (isNaN(valueTwelve) ? 0 : parseFloat(valueTwelve) * .6) +
                (isNaN(valueThirteen) ? 0 : parseFloat(valueThirteen) * .47) +
                (isNaN(valueFourteen) ? 0 : parseFloat(valueFourteen) * .65) +
                (isNaN(valueFifteen) ? 0 : parseFloat(valueFifteen) * .55) +
                (isNaN(valueSixteen) ? 0 : parseFloat(valueSixteen)) +
                (isNaN(valueSeventeen) ? 0 : parseFloat(valueSeventeen)) +
                (isNaN(valueEightteen) ? 0 : parseFloat(valueEightteen)) +
                (isNaN(valueNineteen) ? 0 : parseFloat(valueNineteen) * 1.5) +
                (isNaN(valueTwenty) ? 0 : parseFloat(valueTwenty) * .55) +
                (isNaN(valueTwentyone) ? 0 : parseFloat(valueTwentyone) * 3) +
                (isNaN(valueTwentytwo) ? 0 : parseFloat(valueTwentytwo) * 3) +
                (isNaN(valueTwentythree) ? 0 : parseFloat(valueTwentythree) * 3) +
                (isNaN(valueTwentyfour) ? 0 : parseFloat(valueTwentyfour) * .5) +
                (isNaN(valueTwentyfive) ? 0 : parseFloat(valueTwentyfive) * 1.5);
            document.getElementById("result").innerHTML = 'Power Needed: ' + result + ' amps.';
        }
    </script>
</body>
</html>

注意：没有“valueSeventeen”文本框。

【讨论】：

  • 非常感谢您，它运行得很好，而且看起来好多了！我确信这段代码在浏览器中的加载速度也会更快，再次感谢！
【解决方案2】：

在您的 onclick 中，您关闭了 valueFour 之后的括号。将其移至 onclick 的末尾。

此外，没有 ID 为 valueSeventeen 的输入。

修复这些使它对我有用。

【讨论】：

    猜你喜欢
    • 2013-05-12
    • 2017-10-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-12-06
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode