berekening in javascript

Status
Niet open voor verdere reacties.
M

Michiel1969

Gebruiker
Lid geworden
27 nov 2010
Berichten
5
ik ben echt een nono op het gebied van html en javascript, maar wil wel graag weten hoe ik onderstaande in een werkend script krijg:

invulveld 1=a
invulveld 2=b
invulveld 3=c

berekening1= a+b
berekening2= a+b+C
berekening3= (a+b+c)-d

als berekening1 >= 0 en <250, dan d=35
als berekening1 > 249 en <670, dan d=40
als berekening1 > 669 , dan d=50

als berekening3 <0, dan text: "koop nu"

anders text is: "koop nooit"



bij voorbaat danl voor de moiete
 
Denk dat je zoiets bedoelt? hier zit geen foutafhandeling in, maar dit moet je op weg helpen.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function check() {
            var d = 1000;  

            var a = parseInt(document.getElementById("a").value);
            var b = parseInt(document.getElementById("b").value);
            var c = parseInt(document.getElementById("c").value);

            var uitkomst1 = a + b;
            var uitkomst2 = a + b + c;           

            if (uitkomst1 < 250)
                d = 35;
            else if (uitkomst1 < 670)
                d = 40;
            else
                d = 50;

            var uitkomst3 = uitkomst2 - d;

            if (uitkomst3 < 0)
                alert("koop nu");
            else
                alert("koop nooit");
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="text" onchange="check()" id="a" value="50" />
        <input type="text" onchange="check()" id="b" value="50" />
        <input type="text" onchange="check()" id="c" value="50" />
    </div>
    </form>
</body>
</html>
 
dank je! dit helpt me zeker.
alleen wat er nu gebeurt is dat ik bij het invullen van het eerste veld al gelijk de tekst krijg (zo ook bij invullen tweede en derde veld). Ik zag overigens dat ik zelf e.a fout had gedaan in de opgave. dit is het juiste script, alleen wil ik dat er pas een boodschap verschijnt als er op een button wordt geklikt, nadat alle 3 de velden zijn ingevuld). Hoe doe ik dat ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function check() {
var d = "";

var a = parseInt(document.getElementById("a").value);
var b = parseInt(document.getElementById("b").value);
var c = parseInt(document.getElementById("c").value);

var uitkomst1 = a + b;
var uitkomst2 = c-a-b;

if (uitkomst1 < 250)
d = 35;
else if (uitkomst1 < 670)
d = 40;
else
d = 50;

var uitkomst3 = uitkomst2 - d;

if (uitkomst3 < 0)
alert("koop nu");
else
alert("koop nooit");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="text" onchange="check()" id="a" value="" />
<input type="text" onchange="check()" id="b" value="" />
<input type="text" onchange="check()" id="c" value="" />
</div>
</form>
</body>
</html>
 
Dit stukje:

HTML: 
<form id="form1" runat="server">
<div>
<input type="text" onchange="check()" id="a" value="" />
<input type="text" onchange="check()" id="b" value="" />
<input type="text" onchange="check()" id="c" value="" />
</div>
</form>

Vervangen door:

HTML: 
<form id="form1" runat="server">
<div>
<input type="text"  id="a" value="" />
<input type="text"  id="b" value="" />
<input type="text"  id="c" value="" />
<input type="button" id="btn" onclick="check()" value="Check" />
</div>
</form>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan