punten in berekening

Status
Niet open voor verdere reacties.
C

cloglyers

Gebruiker
Lid geworden
7 dec 2009
Berichten
7
Hallo allemaal

ik ben momenteel met een berekening bezig.
deze werkt eigenlijk goed zoals het moet.

maar is het mogelijk om punten toe te voegen.

zeg maar 1000000 wordt dan 1.000.000


ik zal ook ff de code posten
schrik niet want het is een zooitje maar het werkt :D

HTML: 
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<script language= "JavaScript">
<!--
function rekenen1(){
var box1=document.rekenen.box1.value;
var box2=box1*500/100*80;
    box3=box1*500;
    box4=box1*500/100*120;
    
var box1=document.rekenen.box1.value;
var box6=box1*1000/100*80;
    box7=box1*1000;
    box8=box1*1000/100*120;
    
var box1=document.rekenen.box1.value;
var box10=box1*7/100*80;
    box11=box1*7;
    box12=box1*7/100*120;
    box10=Math.round(box10)/1;
    box12=Math.round(box12)/1;

   
    document.rekenen.box2.value=box2;
    document.rekenen.box3.value=box3;
    document.rekenen.box4.value=box4;
    document.rekenen.box6.value=box6;
    document.rekenen.box7.value=box7;
    document.rekenen.box8.value=box8;
    document.rekenen.box10.value=box10;
    document.rekenen.box11.value=box11;
    document.rekenen.box12.value=box12;


}
    //-->
    </script>
    
<style type="text/css">
.style1 {
				color: #FFFFFF;
				font-size: xx-large;
}
.style3 {
				margin-left: 0px;
}
</style>
    
</head>
<body style="background-image: url('1221497997.png')">
<form name='rekenen'>
				<table style="width: 100%">
								<tr>
												<td class="style1" style="width: 395px">
												HANDELAAR</td>
												<td class="style1">Aantal invoer<br>
												<input type="text" name="box1" style="width: 183px; height: 21px;" class="style3"></td>
								</tr>
				</table>
				<br>
				<input name="Reset6" type="reset" style="width: 100px" value="Wissen"><input name="Reset2" type="button" value="Min Prijs" style="width: 128px"><input name="Reset3" type="button" value="Normale Prijs" style="width: 128px"><input name="Reset4" type="button" value="Max Prijs" style="width: 128px"><br>
				<input name="Reset5" type="button" value="OLIE" style="width: 100px"><input type='text' name='box2' style="width: 128px"><input type='text' name='box3' style="width: 128px"><input type='text' name='box4' style="width: 128px"><br>
				<input name="Reset7" type="button" value="Goud" style="width: 100px"><input type='text' name='box6' style="width: 128px" ><input type='text' name='box7' style="width: 128px" ><input type='text' name='box8' style="width: 128px" ><br>
				<input name="Reset8" type="button" value="Munitie" style="width: 100px"><input type='text' name='box10' style="width: 128px" ><input type='text' name='box11' style="width: 128px" ><input type='text' name='box12' style="width: 128px" ></form>
<form method="post">
<input type='button' name='uitrekenen' onclick="rekenen1()" value='reken uit!'></form>
</body>
</html>


Hier een voorbeeld in werking dwmc.5gigs.net/handel.htm


Mvg, Clog
 
Hiya cloglyers,
ik heb je code herschreven en alles geoptimaliseerd. ook de formules enz...
dit heeft me wel 3-4 uurtjes gekost :shocked:
maarre het is heel belangrijk om alle code netjes te houden anders is het niet meer leesbaar.
wat inhoudt dat het niet meer beheerbaar is. Dit was nog maar een klein beetje code wat 3-4 uurtjes gekost heeft maar moet je nagaan als je een grotere site hebt.

De code is ook nagecontroleerd met W3C Validator
anyway hier is je schone werkende leesbare code ;)

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>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>
        Rekenen
    </title>

<script type="text/javascript">
<!--
    function rekenen1()
    {
        var aantal = document.getElementById('txt_Aantal').value;
        
        document.getElementById('txt_Olie1').value = addDots(aantal * 400);
        document.getElementById('txt_Olie2').value = addDots(aantal * 500);
        document.getElementById('txt_Olie3').value = addDots(aantal * 600);
        
        document.getElementById('txt_Goud1').value = addDots(aantal * 800);
        document.getElementById('txt_Goud2').value = addDots(aantal * 1000);
        document.getElementById('txt_Goud3').value = addDots(aantal * 1200);
 
        document.getElementById('txt_Munitie1').value = addDots(aantal * 5.6);
        document.getElementById('txt_Munitie2').value = addDots(aantal * 7);
        document.getElementById('txt_Munitie3').value = addDots(aantal * 8.4);
    }

    function addDots(number)
    {
	    number += '';
	    x = number.split('.');
	    x1 = x[0];
	    x2 = x.length > 1 ? '.' + x[1] : '';
	    var rgx = /(\d+)(\d{3})/;
	    while (rgx.test(x1)) {
		    x1 = x1.replace(rgx, '$1' + '.' + '$2');
	    }
	    return x1 + x2;
    }
        

//-->
</script>
   
<style type="text/css">
    .style1 
    {
	    color: #FFFFFF;
	    font-size: xx-large;
    }
    .style3 
    {
	    margin-left: 0px;
    }
    .style4
    {
	    color: #FFFFFF;
	    font-family: Times New Roman;
	    font-style: italic;
	    font-weight: bold;
    }
    .style5
    {
	    width:128px;
    }
</style>
    
    </head>

    <body style="background-image: url('1221497997.png')">

        <form name="form_rekenen" method="post" action="test.htm">

            <table style="width: 100%">
                <tr>
                    <td class="style1" style="width: 395px">
	                    <label id="lblHandelaar">Handelaar</label>
                    </td>
                    <td class="style1">
	                    <label id="lblAantal">Aantal invoer</label>
	                    <br />
	                    <input type="text"      id="txt_Aantal"		name="txt_Aantal" 		style="width: 183px; height: 26px;" class="style3" />
	                    <input type="button"	id="but_Uitrekenen" name="but_Uitrekenen" 	value="Reken uit!" class="style5" onclick="rekenen1()" />
                    </td>
                </tr>
            </table>
            <br />
            				
            <input type="reset"     id="but_Wissen"     name="but_Wissen"       value="Wissen"		 	class="style5" />
            <input type="button"    id="but_MinPrijs"   name="but_MinPrijs"     value="Min Prijs" 		class="style5" />
            <input type="button"    id="but_NormPrijs"  name="but_NormPrijs"    value="Normale Prijs" 	class="style5" />
            <input type="button"    id="but_MaxPrijs"   name="but_MaxPrijs" 	value="Max Prijs" 		class="style5" />

            <br />
        	
            <input type="button"	id="but_Olie"       name="but_Olie"         value="Olie" 		    class="style5" />
            <input type="text" 		id="txt_Olie1"      name="txt_Olie1" 						        class="style5" />
            <input type="text" 		id="txt_Olie2"      name="txt_Olie2" 						        class="style5" />
            <input type="text" 		id="txt_Olie3"      name="txt_Olie3" 						        class="style5" />
        	
            <br />
        	
            <input type="button"	id="but_Goud"       name="but_Goud" 	    value="Goud" 		    class="style5" />
            <input type="text"      id="txt_Goud1"      name="txt_Goud1" 						        class="style5" />
            <input type="text"      id="txt_Goud2"      name="txt_Goud2" 						        class="style5" />
            <input type="text"      id="txt_Goud3"      name="txt_Goud3" 						        class="style5" />
        	
            <br />
        	
            <input type="button"	id="but_Munitie"    name="but_Munitie"      value="Munitie" 	    class="style5" />
            <input type="text"      id="txt_Munitie1"   name="txt_Munitie1" 					        class="style5" />
            <input type="text"      id="txt_Munitie2"   name="txt_Munitie2" 					        class="style5" />
            <input type="text"      id="txt_Munitie3"   name="txt_Munitie3" 					        class="style5" />
        	
            <div class="style4">
                <label id="footer">
                    <br />
                    Copyright © 2010 Cloglyers | Desert-Operations
                    <br />
                    <br />
                    Makkelijk uitrekenen wat de prijs is bij de Handel
                    <br />
                    <br />
                    Je kan nu precies weten voor welke prijs het verkocht wordt
                    <br />
                    <br />
                    Makkelijker kunnen we het niet maken.
                </label>
            </div>
        
        </form>

    </body>
</html>
 
Hey bedankt

Sorry dat het zoveel tijd gekost heeft :o

ik zal die W3C Validator ook maar gaan gebruiken

code ziet er gelijk een stuk beter uit

ik ben best veel dingen in javascript aan het proberen alleen zo`n pro ben ik nog niet

Als ik javascript onder de knie heb wil in verder gaan met php enz

Mvg, Clog
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan