我为我的办公室建了一个计算器。它是用html,javascript和css构建的。
它可以在这里找到:http://sebastiaanbeen.nl/calculator-Delcourt/index2.html
我发现javascript仅适用于Chrome浏览器。测试了Firefox,Safari和IE9
在Chrome以外的每个浏览器中,每个输出都会获得NaN(不是数字)。虽然Chrome版本运行良好。
这是我的javascript的第一部分。
"use strict";
var kostenleer=0;
var foot=0;
function prijs(form)
{
foot = parseFloat(form.footinput.value);
var oppervlakte = parseFloat(form.oppervlakteinput.value);
var leerprijs = parseFloat(form.leerprijsinput.value) / oppervlakte;
var extraleer = parseFloat(form.extraleerinput.value);
kostenleer = (foot * ((extraleer / 100) + 1)) * leerprijs;
form.leerkosteninput.value = kostenleer;
}
这是我的第一部分。
<FORM ID="BEREKENING" class="register">
<h1 class="register-title">Delcourt prijs calculaties</h1>
<!-- Eerste deel leerkosten berekening-->
<div class="">
<hr>
<h2>Berekening leerkosten</h2>
<label FOR="footinpunt" TITLE="Aantal ft2 leer">Aantal ft2 leer:</label>
<INPUT class="register-input" NAME="footinput" VALUE="0" MAXLENGTH="15" SIZE=15>
<p>
<label for="leerprijsinput" title="vul leerprijs in">Prijs van het leer per M² of Sqft</label>
<INPUT NAME="leerprijsinput" class="register-input" VALUE="0" MAXLENGTH="15" SIZE=15>
<div class="register-switch">
<input type="radio" id="sqft" name="oppervlakteinput" class="register-switch-input" value="1" checked="">
<label for="sqft" class="register-switch-label">Sqft</label>
<input type="radio" id="meter" class="register-switch-input" name="oppervlakteinput" value="10.764">
<label for="meter" class="register-switch-label">M²</label>
</div>
<p>
<label for="extraleerinput">Extra verbruik david in %:</label>
<INPUT name="extraleerinput" class="register-input" value="0" maxlength="15" size=15>
<p>
<label for="calc" title="kosten berekenen"></label>
<INPUT NAME="calc" class="register-button" VALUE="Bereken" TYPE=BUTTON
onClick=prijs(this.form)>
<p>
<label for="leerkosteninput" title="kosten leer"><b></b></label>
<INPUT NAME="leerkosteninput" placeholder="Kosten leer" class="register-output" READONLY SIZE=15>
</div>
这是我的第一个编码项目,因此可能有点混乱。
提前致谢。