daanvanwts
Gebruiker
- Lid geworden
- 4 jan 2007
- Berichten
- 9
Ik ben nog niet zo lang bezig met javascript en ik wou een klein rekenmachienetje maken met de formules van wiskunde
maar ik ben nu bezig met vergelijkingen van rechten...
en daar gaan de formules zo: y-y1=(y2-y1) / (x2-x1) * (x-x1) maar javascript kan dit niet gewoon bereken want dan zegt hij NaN.
Dus ik geef x1,x2,y1 en y2 een waarde die ik intyp in een textfield.
en dan zou ik javascript het willen laten bereken en bv zoiets uitkomen:
y=-5x+4/3 ofzo zodat er nog steeds onbekenden inzitten.
Het is wat gemakkelijker als jullie zien wat ik ben aan het doen dus hier zie je wat ik al heb gemaakt:
Hopenlijk kan iemand mij helpen?

en daar gaan de formules zo: y-y1=(y2-y1) / (x2-x1) * (x-x1) maar javascript kan dit niet gewoon bereken want dan zegt hij NaN.
Dus ik geef x1,x2,y1 en y2 een waarde die ik intyp in een textfield.
en dan zou ik javascript het willen laten bereken en bv zoiets uitkomen:
y=-5x+4/3 ofzo zodat er nog steeds onbekenden inzitten.
Het is wat gemakkelijker als jullie zien wat ik ben aan het doen dus hier zie je wat ik al heb gemaakt:
Code:
<html>
<head>
<title>Rekenmachien</title>
<style type="text/css">
<!--
body {
background-color: #000066;
}
.style1 {color: #00CC00}
.style5 {color: #FFFFFF}
.style7 {color: #00FFFF}
.style8 {color: #000066}
-->
</style></head>
<body>
<p>
<script type="text/javascript">
function aftrekken()
{
getal1=document.getElementById("getal1").value
getal2=document.getElementById("getal2").value
document.getElementById("uitkomst").value=(getal1-getal2)
}
function delen()
{
getal1=document.getElementById("getal1").value
getal2=document.getElementById("getal2").value
document.getElementById("uitkomst").value=(getal1/getal2)
}
function vermenigvuldigen()
{
getal1=document.getElementById("getal1").value
getal2=document.getElementById("getal2").value
document.getElementById("uitkomst").value=(getal1*getal2)
}
function optellen()
{
getal1=document.getElementById("getal1").value
getal2=document.getElementById("getal2").value
getal3=document.getElementById("getal3").value
if(getal3=="")
{
getal3=0
}
document.getElementById("uitkomst").value=parseFloat(getal1)+parseFloat(getal2)+parseFloat(getal3)
}
function vierkantswortel1()
{
getal1=document.getElementById("getal1").value
document.getElementById("uitkomst").value=Math.sqrt(getal1)
}
function vierkantswortel2()
{
getal1=document.getElementById("getal2").value
document.getElementById("uitkomst").value=Math.round(Math.sqrt(getal2)*100)/100
}
function exponent()
{
getal1=document.getElementById("getal1").value
macht=document.getElementById("macht").value
document.getElementById("uitkomst").value=Math.pow(getal1,macht)
}
function rico()
{
x1=document.getElementById("x1").value
x2=document.getElementById("x2").value
y1=document.getElementById("y1").value
y2=document.getElementById("y2").value
document.getElementById("uitkomst_rico").value=Math.round((y2-y1)/(x2-x1)*100)/100
}
function F_C()
{
F=document.getElementById("F").value
C=document.getElementById("C").value
document.getElementById("uitkomst_in_°").value=Math.round(5/9*(F-32)*100)/100+" °C"
if(F=="")
{
document.getElementById("uitkomst_in_°").value=Math.round((C*1.8+32)*100)/100+" °F"
}
}
</script>
<span class="style1">Getal <span class="style7">1</span>:</span>
<input type="text" name="getal1" id="getal1" size="23" />
<span class="style1">----<span class="style7">Macht</span>----></span>
<input type="text" name="macht" id="macht" size="1" />
<br />
<span class="style1">Getal <span class="style7">2</span>:</span>
<input type="text" name="getal2" id="getal2" size="23" />
<br />
<span class="style1">Getal <span class="style7">3</span>:</span>
<input type="text" name="getal3" id="getal3" size="23" />
<br />
<br />
<input type="button" style="background:#00CC00" onclick="aftrekken()" value="Aftrekken" />-
<input type="button" style="background:#00CC00" onclick="delen()" value="Delen" />-
<input type="button" style="background:#00CC00" onclick="vermenigvuldigen()" value="Vermenigvuldigen" />-
<input type="button" style="background:#00CC00" onclick="optellen()" value="Optellen" />-
<input type="button" style="background:#00CC00" onclick="vierkantswortel1()" value="Wortel 1" />-
<input type="button" style="background:#00CC00" onclick="vierkantswortel2()" value="Wortel 2" />-
<input type="button" style="background:#00CC00" onclick="exponent()" value="Macht 1" />-
<br />
<br />
<span class="style1">Uitkomst: </span>
<input type="text" id="uitkomst" name="uitkomst" disabled="disabled" style="background:#00FFFF"/>
<br />
<br />
<span class="style5">[Getallen zijn allemaal afgerond tot 2 cijfers na de komma!]</span></p>
<hr />
<span class="style8">--</span><span class="style7">x1</span><span class="style8">-----</span><span class="style7">x2</span><span class="style8">------------</span><span class="style7">y1</span><span class="style8">-----</span><span class="style7">y2</span><br />
<input type="text" name="x1" id="x1" size="1" />
<span class="style8">-</span>
<input type="text" name="x2" id="x2" size="1" />
<span class="style8">--------</span>
<input type="text" name="y1" id="y1" size="1" />
<span class="style8">-</span>
<input type="text" name="y2" id="y2" size="1" />
<br />
<br />
<input type="button" style="background:#00CC00" onclick="rico()" value="Rico" />
<br />
<br />
<span class="style1">Uitkomst:</span>
<input type="text" name="uitkomst_rico" id="uitkomst_rico" size="5" disabled="disabled" style="background:#00FFFF"/>
<br />
<hr />
<br />
<span class="style1">Fahrenheit:</span>
<input type="text" name="F" id="F" size="2" />
<br />
<span class="style1">Celsius:<span class="style8">----</span></span>
<input type="text" name="C" id="C" size="2" />
<br />
<br />
<input type="button" style="background:#00CC00" onclick="F_C()" value="Bereken" />
<br />
<br />
<span class="style1">Uitkomst:</span>
<input type="text" name="uitkomst_in_°" id="uitkomst_in_°" size="5" disabled="disabled" style="background:#00FFFF"/>
<br />
<hr />
</body>
</html>